Giter VIP home page Giter VIP logo

swolog's Introduction

Swolog

This is a web application built using React, Node.js, and MongoDB that serves as a fitness tracker and workout log. Users can create an account and log their workouts, view their previous workout history, and track their progress for different exercises using interactive charts.

Demo Link: https://youtu.be/h45__GEFry0

Deployed App

Swolog is deployed and can be accessed at https://swolog.fly.dev/. Sign up for an account to start tracking your workouts and monitoring your progress.

Features

User Registration: Users can create an account to access the fitness tracker features. Workout Log: Users can log their workouts by specifying the exercise performed, sets, reps, and weight. Workout History: Users can view their previous workout history, including exercise details and dates. Exercise Tracking: Users can track their progress for different exercises over time using interactive charts. Popular Exercises: Users can explore popular exercises performed by other app users for inspiration and variety in their workouts.

Technologies Used

React: The frontend of the web app is built using React, a popular JavaScript library for building user interfaces. Node.js: The backend of the web app is powered by Node.js, a JavaScript runtime for server-side development. MongoDB: MongoDB is used as the database to store user accounts, workout logs, and exercise data. Chart.js: Chart.js library is utilized to create interactive charts for visualizing exercise progress. Express.js: Express.js framework is used to handle server-side routing and API endpoints.

Installation

To run the fitness tracker web app locally, follow these steps:

Clone the repository:

git clone https://github.com/jasonramirez0/Swolog.git

Navigate to the project directory:

cd fitness-tracker

Install the dependencies for both the frontend and backend:

npm install

Set up the MongoDB connection by providing the necessary credentials and connection URL in the .env file.

Start the development server:

npm run dev

Access the web app in your browser at http://localhost:3000.

swolog's People

Contributors

jasonramirez0 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.