Trapper-Keeper

A web-based application for taking notes.

Installation Steps

Clone the frontend repo

git clone https://github.com/ericfitzsimons451/trapper-keeper.git

npm install

npm start

NOTE: This is only the front-end repository for this application. To clone the back-end repository, please visit:

https://github.com/Inzurriaga/trapper-keeper-api.git

Background/About

This 10-day project asked teams of 3 people to create a backend for our application. It was our first foray into the world of Node.js, Express and creating endpoints for our front-end to utilize. This project was a chance to solidify our knowledge of using Redux and Thunks inside a React application, explicitly route pathways using Router, as well as implement a Jest/Enzyme test suite.

Tech Stack

• React JS
• Redux
• Redux Thunk
• Node.js
• Express
• React Router
• Jest/Enzyme
• Sass

Future Iterations

• Login component for unique experiences.
• Clicking off of the card implements a save feature.
• Email address validation.
• Allow users to change the color of the cards for better organization.

Screenshots

Welcome View

Card Edit View

Card Display View

Error 404 View

Wireframe

Contributors

Eric Fitzsimons
Gabe Inzurriaga
Tom Wilhoit