Routeen is a SportTech app designed for trainers and athletes who want to manage workout routines in a digital, fast, and intuitive way.
It allows trainers to create and assign personalized plans for each athlete, including exercises, reps, weights, and rest times. Athletes can access their routines from any device using a unique OTP code, eliminating the need for spreadsheets or external apps.
The platform also lets athletes update their progress in real time (modify weights, mark completed exercises, etc.), and trainers receive automatic notifications to adjust routines based on performance.
A control panel for trainers is included, where they can manage athletes, routines, and quickly access training history.
This repository contains the frontend of the Routeen app, built with the following technologies:
- React 19 – UI library for building interactive user interfaces
- Vite – Lightning-fast build tool for modern web projects
- Tailwind CSS 4.1 – Utility-first CSS framework for fast styling
- TypeScript – Typed JavaScript for better developer experience
- Axios – Promise-based HTTP client for API requests
To get started with the Routeen frontend, follow these steps:
-
Fork the repository
Fork this repository to your own GitHub account to start working on it. -
Clone the repository
Clone your forked repository to your local machine:git clone https://github.com/your-username/routeen-frontend.git
-
Install dependencies
Once you have the repo in your code editor, install the project dependencies. You can use one of the following commands depending on your package manager:npm install #or yarn install #or pnpm install
-
Create a
.env
file
Create a.env
file in the root directory of the project. Use the.env.template
file as a reference to set up your local environment variables. -
Run the project
After setting up the environment variables, run the following command to start the application in development mode:npm run dev #or yarn run #or pnpm run
The app will be available at http://localhost:5173.