/PalettePicker

Primary LanguageJavaScript

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

Screen Shot 2019-03-27 at 4 41 27 PM

Search Page

Screen Shot 2019-03-27 at 4 41 59 PM

Original Wireframes

Main Page

Screen Shot 2019-03-27 at 4 17 49 PM

Search Page

Screen Shot 2019-03-27 at 4 18 05 PM

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