nathan-froeh / pallet-picker-front-end

Palette Picker

This was a two week paired project at Turing School of Software & Design, where we built our own backend using Express.js, Knex, and PostgreSQL, adn connected it to our front end using React and Redux. It allows a user to create project folders and then create palettes to add to individual projects. The user can generate a random color palette to add, or lock specific colors and build their own palette. The user can delete projects and palettes from the database.

Front End

Back End

Created By

Nathan Froehlich

Colby Allen

Learning Goals

The primary learning goals for this project are:

-server-side testing

-further understanding of complete CRUD endpoints

-connecting BE & FE repositories using CORS

multiple environments:

-testing

-making use of automatic continuous integration with TravisCI

-deployment with Heroku

Screenshots

Built With

React

Redux

Sass

Testing with Jest, and Supertest

pallet-picker-front-end's Issues

generate pallet with 5 distinct colors

colors must be able to be locked in

Delete project

Deleting a project should also delete all pallets contained in that project

save generated pallet to project folder

pallet should appear in folder with name of pallet and saved colors
pallet should populate color pads when clicked to view color and hex codes
saved folder should persist to back end

REDUX

Add projects and palettes to redux

Deploy to Heroku

create project cards

project card should be named
unique
can have many save pallets
should persist to back end

Over 75% test coverage

Delete pallet from project folder