PalettePicker

PalettePicker is a React app that utilizes Redux and React Router to create an intuitive color palette picking scheme, similar to https://coolors.co.

Live Site

https://palettes-picker.herokuapp.com/

Installation Steps (Back End)

• Clone down backend repo: https://github.com/foxwellm/PalettePickerApi.git
• Install dependencies : npm install
• Start Local Host 3001: npm start
• For testing suite: npm test

Installation Steps (Front End)

• Clone this repo: https://github.com/kaohman/PalettePicker.git
• Install dependencies: npm install
• Start Local Host 3000: npm start and visit localhost:3000 in your browser
• For testing suite: npm test

Background/About

This application is a two-week-long paired project intended to solidify our RESTful API design skills and get us familiar with the patterns associated with building a single app across multiple repositories.

Primary Technologies Used - Front End

• React
• Redux
• Redux-Thunk
• React Router
• SCSS
• Jest
• Enzyme
• Masonry

Primary Technologies Used - Back End

• Node.js
• Postgres
• Express
• Knex
• Jest

Screenshots

Main Page

Search Page

Original Wireframes

Main Page

Search Page

Next Steps

Future iterations of the project could include:

• Ability to edit project name
• Ability to edit palette names and colors
• Having the ability to sign in and create an account
• Load only 10 projects at a time to prevent fetch slowdown

Contributors

Karin Ohman

Matthew Foxwell