Trapper Keeper

Description:

This app is a three-person project that replicates the note taking service Google Keep. It allows users to create notes that are saved to our backend server made with Node.js. Users can make unlimited list items per note, mark them as completed, as well as change the color of the note itself. The goal of the project was to create our first Node and Express server, in addition to making a complex and dynamic form.

Deployment

Deployed at: https://trapper-keeper-ui.herokuapp.com/

Our backend repo can be found at https://github.com/ehk9000/trapper-keeper-api

Installation Instructions

Clone the front-end repo here:

git clone https://github.com/ehk9000/Trapper-Keeper.git

Once you have cloned the repo, change into the directory:

cd trapper-keeper-ui

Once you have changed into the directory, install the library dependencies:

npm install

Then:

npm start

Wireframe

Screen Shot 2019-05-21 at 5 11 14 PM

Screen Shot 2019-05-21 at 5 11 43 PM

Screenshots

Screen Shot 2019-05-28 at 8 44 19 PM

Screen Shot 2019-05-28 at 8 44 00 PM

Screen Shot 2019-05-28 at 8 44 47 PM

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • React
  • Redux
  • Router
  • Thunk
  • Node
  • Heroku
  • Testing with Jest & Enzyme & Supertest
  • Webpack
  • NPM
  • ESLint

Future goals

https://github.com/ehk9000/Trapper-Keeper/issues

Collaborators