Meowmerry/Gym-App-with-TypeScript-in-React-Application

Gym App with TypeScript in React Application

This is a sample Gym App built with TypeScript in a React Application. This application allows users to track their workout sessions and provides various features to help them achieve their fitness goals. npm create vite@latest

Prerequisites

Node.js installed on your system. A basic understanding of TypeScript and React.

Getting Started

To get started with this application, follow the steps below:

1. Clone the repository to your local machine using the following command:

   git clone https://github.com/Meowmerry/Gym-App-with-TypeScript-in-React-Application

2. Navigate to the project directory and install the dependencies using the following command:

   cd gym-app-typescript-react

   npm install

3. Start the development server using the following command:

   npm start

   This will start the application in development mode and open it in your default web browser.

Features

This application provides the following features:

• User authentication and authorization
• Dashboard with summary of workout sessions and progress
• Ability to create, update, and delete workout sessions
• Exercise library with various exercises to choose from
• Ability to create custom exercises and add them to the library
• Detailed workout log with information on sets, reps, and weights
• Progress tracking with graphs and charts

Tech Stack

• React: https://reactjs.org/
• ypescript: https://www.typescriptlang.org/
• Typescript Types vs Interfaces: https://tinyurl.com/typescripttypesvs...
• Vite: https://tailwindcss.com/docs/guides/vite
• Google Fonts: https://fonts.google.com/
• Tailwind: https://tailwindcss.com/
• Prettier Tailwind Css Plugin: https://github.com/tailwindlabs/prett...
• Prettier Tailwind Css Sorting: https://tailwindcss.com/blog/automati...
• Hero Icons: https://heroicons.com/
• Framer Motion: https://www.framer.com/docs/introduct...
• Form Submit: https://formsubmit.co/
• React Anchor Link smooth Scroll: https://github.com/mauricevancooten/r...
• Cloudflare Pages: https://pages.cloudflare.com/

Contributions

Contributions to this project are welcome. If you find any issues or have any suggestions for improvement, please create a pull request.

Tailwind Cmd + ctrl + t

License

This project is licensed under the MIT License. See the LICENSE file for more details.