RepLog: Your Comprehensive Workout Tracker

Demo

RepLog is a simple workout tracking application designed to cater to fitness enthusiasts of all levels. Whether you're just starting your fitness journey or are an experienced athlete, RepLog offers a user-friendly and efficient way to log and track your workout progress.

The app features a range of workout categories including Push, Pull, Lift, Cardio, and Abs, catering to a wide array of fitness routines. One of the features of RepLog is its intuitive rep counter, allowing users to easily track their repetitions with a simple button press. This functionality makes it straightforward to log workouts as you go, and also helps in logging accurate and consistent records of your training sessions. The app's simple design ensures that tracking your fitness progress is hassle-free, making it an ideal tool for anyone looking to enhance their workout experience.

Note: This application is a standalone project and does not require any external APIs for its core functionalities. All data is stored and managed locally in your browser via localStorage, ensuring user privacy and data security.

How It's Made:

Powered with React, TypeScript, Vite, and hosted on Vercel.

Styled with Tailwind CSS and DaisyUI.

Install the dependencies either using NPM/Yarn/PNPM:

Using NPM:

# Install dependencies
$ npm install

# Start development server
$ npm run dev

Using Yarn:

# Install dependencies
$ yarn

# Start development server
$ yarn dev

Using PNPM:

# Install dependencies
$ pnpm i

# Start development server
$ pnpm run dev

Open http://127.0.0.1:5173/ to view it in the browser.

Lessons Learned:

Setting and getting with localStorage and JSON for simple CRUD operations
Better understanding of React with TypeScript
Better understanding of useEffect and useState React hooks

ubemacapuno/rep-log

RepLog: Your Comprehensive Workout Tracker

Demo

How It's Made:

Install the dependencies either using NPM/Yarn/PNPM:

Lessons Learned: