Code Monkey home page Code Monkey logo

colorpickerfrontend's Introduction

PALETTE PICKER (Frontend)

Mod 4 Paired Project at Turing School of Software & Design

play

Click here to launch the application.

Click here to view the backend repo for this project and documentation on the endpoints.

ABOUT

This app enables users to find and save color palettes for projects. Users can generate random palettes, lock the colors they like, and then regenerate the colors they don't. Then, users can create projects and assign palettes to projects. Users can also delete projects and palettes.

For this application, we built the backend and frontend from scratch. The frontend was built with React Hooks, Redux, and Sass. The backend was build with Node.js, Express, knex, and postgreSQL. Everything was tested using Jest and Enzyme. Fetch calls are made to our heroku hosted API. This project was bootstrapped with Create React App. This project has a robust testing suite.

DEV SET UP INSTRUCTIONS

  • git clone this repo
  • cd into that directory
  • Run npm install
  • Run npm start and open your browser to the indicated url
  • Run npm test to view testing suite

FRONTEND TECHNOLOGIES USED

  • React Hooks
  • Redux
  • Fetch API
  • Sass
  • Jest/Enzyme

BACKEND TECHNOLOGIES USED

  • Node.js
  • Express
  • Knex
  • PostgreSQL
  • Jest/Enzyme

colorpickerfrontend's People

Contributors

kaylagordon avatar benjamin-firth avatar

Stargazers

 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.