Skip to content

Collective artwork created with click-to-color SVGs | Built with React

Notifications You must be signed in to change notification settings

staceymck/collab-color

Repository files navigation

Collab-Color

Description

As an artist and programmer with a background in nonprofit service, I enjoy the creative process - especially when it grows from collaboration. I’ve worked on group art projects where individuals contributed similar but unique elements that were then formed into one collective artwork with an almost mosaic feel. I wanted to share this experience with others, so I developed a collaborative art app using React on the frontend and a Rails API backend. Watch demo

Contribute to a collective artwork by coloring in one or more tiles through this click-to-color app.
Home page view with description of app beside 3x3 grid of squares composed of colorful triangles

Users can choose from one of three canvases and add colors by clicking individual shapes.
Painting page view with partly-colored canvas beside a color picker and buttons to post to gallery or reset page

On the gallery page, users can see their artwork displayed alongside other contributions. The gallery pattern can be transformed by applying a new sorting method: newest (default), oldest, or random.
Gallery page view with 3x6 grid of finsihed paintings below three sort options

Technology

This frontend repo connects to a Rails API backend and was built with the create-react-app generator and Redux. Redux Thunk middleware is used to handle asynchronous actions. Canvases and paintings are SVGs.

Backend Repo

License

The project is available as open source under the terms of the MIT License.

About

Collective artwork created with click-to-color SVGs | Built with React

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published