Palette Picker

Palette Picker is a React app that utilizes Redux to create intuitively generated palettes that you can save to different projects.

Installation Steps (Front End)

• Clone this repo: https://github.com/ericweissman/fe-palette-picker.git
• Install dependencies: npm install
• Start Local Host 3000: npm start
• For testing suite: npm test
• Back-End Repo: https://github.com/geet084/be-palette-picker.git

Deployed Site

Palette Picker

Background/About

This application is a recreation of the popular Coolors website in which we implemented our own server for data handling and a twist on the design on the frontend. Users can randomly generate color palettes that they can then save to projects in order to keep track of them. Changes made by the user are then persisted in the backend server.

Primary Technologies Used - Front End

• React
• Redux
• Masonry
• SCSS
• Jest
• Enzyme

Primary Technologies Used - Back End

• Node.js
• Express
• PostreSQL

Screenshots & Wireframes

Main Page

wireframes

Next Steps

Future iterations of the project could include:

• Drag and Drop functionality for the different palettes and projects
• Allow users to adjust color of each palette color via a slider or hexcode
• Have a login system so that there can be more than one user

Contributors

Eric Weissman

Travis Gee