Palette Picker FE

Palette Picker FE is a React App allows users to view color palettes, name and save them in projects all stored in our Palette Picker BE.

Server-side testing.
Complete CRUD endpoints.
Connecting BE & FE repositories using CORS.
ultiple environments:
- Testing.
- Making use of automatic continuous integration with TravisCI deployment with Heroku.
Developing professional-level workflow habits.
- Using a PR template.
- Conducting code reviews in PRs.
- Detailed agile workflow using a kanban system or GH issues keeping track of MVP features and nice-to-have features.
- Agreeing to a commit message template.
- Exploring git rebase and squashing.
- Highly semantic, specific, professional documentation (README, API documentation, etc).

In developing our plan, we used Githubs built in projects board, in a kanban style.

Previous to building this app, we developed a backend, with Node.js using the Express framework and a PostgreSQL database.

As we began the planning stage, we decided upon a relatively simple schema for our data.

Biking kits are great inspiration for simple, geometic designs. This jersey from TwinSix was a spark of inspiration since a plus symbol is made up of five equally sized squares and we wanted to display five colors.

InVision Prototype

Next, a design is implemented and basic user flow is considered. Here is a clickable InVision Prototype: Click on a movies from the home screen then the main logo to get back.

Live Site

Back-End: build using Express, knex, and PostgreSQL. Each API endpoint should respond with JSON-formatted data.
Front-End: build using React utilizing SCSS.
Tested with Jest/Enzyme.

Clone repo.

git clone

Install dependencies.

npm install

Run browser.

npm start

And enjoy!

qfarenwald/palette-picker-FE