Here is the Home Page:
This single-paged application utilizes the MERN stack to create a web application that hits all the basics when it comes to accurate exercise tracking. The front-end of the app was built React and includes global design features. The backend uses MongoDB, Mongoose, Express and NodeJS.
Here is the creation page.
There is the page where exercise enteries are created and sent to the database. After adding an exercise, the user is automaticallyt sent back to the home page so they may see their exercise added to the list.
Users are able to edit and delete existing exercises when needed.
By clicking on the trash can icon, users are able to delete exercise entries from the database which will, in turn, remove those exercises from the home page. Clicking on the pencil icon, allows users to edit the fields of existing exercises and have them reflected on the home page.
- Stores exercise statistics in a MongoDB Database
- Allows users to edit and delete exercise enteries when needed
- Provides a sleek front-end that enhances user-experience
- Uses a REST API to request and store exercise data from the database
- Presents the data in a simple table for ease of reference
- Utilizes error messages to ensure user knows what issues the application faces
- Includes unit tests to ensure application is working as intended
- Backend includes a controller and model file for CRUD application functions
Run the command 'npm install' followed by 'npm start' in your terminal.
Change the name of the "example.env" to ".env" and add a connect string to your database.