https://github.com/edwindelbosque/picasso-fe
Modern smart color palette picker. (Beta) [Front-End]
https://github.com/edwindelbosque/picasso-fe
api backend-api client-side color-palette color-palettes-generator color-picker enzyme full-stack jest react react-hooks react-router reactjs travis-ci ui-design
Last synced: over 1 year ago
JSON representation
Modern smart color palette picker. (Beta) [Front-End]
- Host: GitHub
- URL: https://github.com/edwindelbosque/picasso-fe
- Owner: edwindelbosque
- Created: 2019-12-03T19:25:47.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-05-07T10:57:46.000Z (about 3 years ago)
- Last Synced: 2024-10-24T00:22:49.400Z (over 1 year ago)
- Topics: api, backend-api, client-side, color-palette, color-palettes-generator, color-picker, enzyme, full-stack, jest, react, react-hooks, react-router, reactjs, travis-ci, ui-design
- Language: JavaScript
- Homepage: http://colorsbypicasso.herokuapp.com
- Size: 43.7 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Picasso | Smart Color Palette Picker
[](https://travis-ci.org/edwindelbosque/picasso-fe)
## Summary
Create your own color palettes in this smart color palette generator that gives you colors that make sense.
### Visit our app deployed in Heroku [here](http://colorsbypicasso.herokuapp.com/)!
### You can find our back-end repo [here](https://github.com/matthewdshepherd/picasso-be).
## Developers
- [matthewdshepherd](https://github.com/matthewdshepherd)
- [edwindelbosque](https://github.com/edwindelbosque)
## Screenshots
## Kanban Board Workflow
[Jira storyboard link](https://edwindelbosque.atlassian.net/secure/RapidBoard.jspa?rapidView=1&selectedIssue=CPR-7)
## Learnings
Learning goals were for the most part for our backend [here](https://github.com/matthewdshepherd/picasso-be)
- 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
## Built with
- React
- Redux
- React Hooks
- React Router
- Jest & Enzyme
- Sass (SCSS)
- Colormind API
- The Color API
- PostgreSQL
- Nodejs
- Express
- Knex
- Heroku
- Travis CI
## How to install into your computer
1. Fork and clone down this repository.
2. In your Terminal, access the directory of this repository.
3. Run `npm install` to install the webpack dependencies.
4. Once it has finished installing, run `npm start`.
5. Follow the instructions [here](https://github.com/turingschool-examples/favorites-tracker-api) to get the database up and running.
6. Check out your broswer.