A web application for fitness enthusiasts to track their progress, set goals, and share their achievements with friends
- 📍 Overview
- 📦 Features
- 📂 Structure
- 💻 Installation
- 🏗️ Usage
- 🌐 Hosting
- 📄 License
- 👏 Authors
The repository contains a Minimum Viable Product (MVP) called "FitTrax-bl0ijq" that provides a comprehensive solution for fitness enthusiasts to track their progress, set goals, and share their achievements with friends. The application leverages a robust tech stack, including:
- Frontend: Next.js 14, React, Tailwind CSS 3.x
- Backend: Node.js, Express.js
- Database: PostgreSQL, Supabase
- Authentication: NextAuth.js
- State Management: Zustand
- Error Handling: Sentry
- API Documentation: Swagger
Feature | Description | |
---|---|---|
⚙️ | Goal Setting and Tracking | Users can set personalized fitness goals (weight loss, muscle gain, running distance, etc.), define targets, deadlines, and track progress using various methods. |
📄 | Progress Visualization | The app provides clear and visually appealing progress reports using charts and graphs, allowing users to understand their progress and stay motivated. |
🔗 | Social Sharing | Users can share their achievements and progress updates with their friends, fostering a supportive and engaging community within the application. |
🧩 | Customizable Features | Users can personalize their profiles, track different fitness metrics, and select specific goals to tailor the experience to their individual needs. |
🧪 | Real-Time Data | The app utilizes real-time data from fitness trackers and wearable devices, ensuring accurate and up-to-date progress updates. |
⚡️ | User-Friendly Interface | The app offers a clean, intuitive, and visually appealing interface, making it easy for users to navigate and access its features. |
🔐 | Secure Data Protection | User data is securely stored and protected, ensuring privacy and confidentiality. |
🔀 | Seamless Integration | The app seamlessly integrates with popular fitness trackers and wearable devices, providing a centralized platform for data collection and analysis. |
🔌 | Community Building | The app facilitates the creation of a supportive community, enabling users to connect, motivate each other, and share their fitness journeys. |
📶 | Scalable Architecture | The app is designed with a scalable architecture to handle a growing user base, ensuring a smooth and efficient experience for all users. |
├── pages
│ ├── _app.tsx
│ ├── dashboard
│ │ └── page.tsx
│ ├── goals
│ │ ├── create
│ │ │ └── page.tsx
│ │ ├── list
│ │ │ └── page.tsx
│ │ └── update
│ │ └── page.tsx
│ ├── profile
│ │ └── page.tsx
│ ├── api
│ │ ├── auth
│ │ │ └── [...nextauth].js
│ │ ├── goals
│ │ │ └── route.ts
│ │ ├── progress
│ │ │ └── route.ts
│ │ └── activity
│ │ └── route.ts
│ └── login
│ └── page.tsx
├── components
│ ├── Dashboard.tsx
│ ├── GoalCard.tsx
│ ├── GoalForm.tsx
│ ├── ProgressChart.tsx
│ ├── SocialFeed.tsx
│ ├── UserAvatar.tsx
│ ├── Navigation.tsx
│ └── Button.tsx
├── styles
│ └── global.css
├── utils
│ ├── helpers.ts
│ └── constants.ts
└── server
└── index.js
- Node.js
- npm
- Docker
- Clone the repository:
git clone https://github.com/spectra-ai-codegen/FitTrax-bl0ijq.git
- Navigate to the project directory:
cd FitTrax-bl0ijq
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and navigate to http://localhost:3000.
To deploy the application to a hosting platform like Vercel or Netlify, follow these steps:
- Login to Vercel and create a new project.
- Connect your GitHub repository to Vercel.
- Choose the correct branch and deployment settings.
- Click on "Deploy" to start the deployment process.
- Login to Netlify and create a new site.
- Connect your GitHub repository to Netlify.
- Select the appropriate settings for your deployment.
- Click on "Deploy" to start the deployment process.
This Minimum Viable Product (MVP) is licensed under the GNU AGPLv3.
- Author Name - Spectra.codes
- Creator Name - DRIX10
Why only generate Code? When you can generate the whole Repository!