Skip to content
/ iSweat Public

Web Application used for tracking workouts. This app was built with React, HTML, CSS, and MongoDB and also supports CRUD operations through the usage of a custom-built REST API.

Notifications You must be signed in to change notification settings

rysonw/iSweat

Repository files navigation

iSweat

Overview/Home Page

Here is the Home Page:

Landing 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.


Create Exercises

Here is the creation page.

Create

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.


Edit and Delete Exercises

Users are able to edit and delete existing exercises when needed.

Exercise

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.

Edit_Page


Features List

  • 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

To run this app

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.

About

Web Application used for tracking workouts. This app was built with React, HTML, CSS, and MongoDB and also supports CRUD operations through the usage of a custom-built REST API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published