Trapper Keeper is an application that allows users to keep track of their to-do's by using a clean and stylish UI. The application can add and delete entire lists, as well as individual list items. All lists and their respective list data are stored and saved to a local back-end server.
Follow the instructions below to clone the project locally:
Create a local project folder:
mkdir trapper-keeper
Clone the project within your new directory:
$ git clone https://github.com/shannonmoranetz/trapper-keeper-ui
Additionally, clone this repo within your project directory for local back-end functionality:
https://github.com/dylhof/trapper-keeper-api
Install modules in the back-end directory:
$ npm install
Start the back-end server:
$ npm start
Install modules in the front-end directory:
$ npm install
Start the front-end server:
$ npm start
If you would like to view the back-end JSON data, it is viewable at localhost:3000/notes. The application's front-end can be viewed at localhost:3001 in your browser. Enjoy using Trapper Keeper to simplify your life!
Trapper Keeper's front-end was created with React, React Router, Redux, Redux Thunks, and Material UI. The application focused on practicing interactions between a locally created back-end, as well as practicing careful consideration of React and Redux best practices. Tests were written using Jest and Enzyme.
In the future, we would like to implement save functionality on clicking outside of a list, therefore removing the 'Submit' button.
http:https://frontend.turing.io/projects/trapper-keeper.html
Dylan Hofmann @dylhof
Justin Duncan @JustinD85
Shannon Moranetz @shannonmoranetz