TrapperKeeper is a Google Keep clone which allows to create and edit their notes. When a user visits the home page, their previously created notes are displayed. The individual note-items can be marked as "completed," which will strikethrough the item text and move the item to the bottom of the note. A user may also delete any list-item or entire note. Changes persist upon reload as they are saved on a backend server.
This project was a week long group project and created by Justin Torrance, Kim Myers, and Joshua Lavarine.
- mkdir Trapper-Keeper-Main
- In your browser, navigate to https://github.com/kimmichurri/notez-api
- Follow repository instructions to download and install the backend
- cd Trapper-Keeper-Main
- git clone git@github.com:JustinTorrance/notez.git
- cd notez
- npm install
- npm start
- ReactJS
- Redux
- React Router
- Node.js (backend)
- Express.js (backend)
- SASS
- JSX
- fetch API
- localStorage
- Testing with Enzyme & Jest
We learned how to effectively implement Redux and React-Router into our ReactJS application. Understanding how all parts of Redux (including Actions, Action Creators, Reducers, Dispatch, and State) tie into the Redux store. By successfully implementing Redux, we were able to remove the necessity for "prop drilling." Implementing React-Router enabled us to turn our single page React app into a more robust multi-page application.
Creating a backend was a very interesting aspect of the project as our previous backend projects were pre-built.
Testing the front-end is notoriously difficult and this project did not prove the exception.
Another challenge faced was understanding the process of Redux and how all the pieces communicate with each other.
Overall, we are pleased with the outcome of the project given the time-frame in which we worked (one week). The front-end is 90% tested. While we were not able to implement everything in our GitHub issues, we reached our Minimum Viable Product (M.V.P.). Users can add new notes and delete list-items and entire notes alike.
In future, we would like to expand upon the functionality of the notes. We'd like to implement the ability to edit our notes.