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!