Skip to content

Project: Streamlined User Feedback Gathering Platform. Created at https://spectra.codes, which is owned by @Drix10

Notifications You must be signed in to change notification settings

coslynx/FitTrax-bl0ijq

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

28 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


FitTrax-bl0ijq

A web application for fitness enthusiasts to track their progress, set goals, and share their achievements with friends

Developed with the software and tools below.

Framework - Next.js Frontend - Javascript, Html, Css Backend - Node.js LLMs - Custom, Gemini, OpenAI

git-last-commit GitHub commit activity GitHub top language

πŸ“‘ Table of Contents

  • πŸ“ Overview
  • πŸ“¦ Features
  • πŸ“‚ Structure
  • πŸ’» Installation
  • πŸ—οΈ Usage
  • 🌐 Hosting
  • πŸ“„ License
  • πŸ‘ Authors

πŸ“ Overview

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

πŸ“¦ Features

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.

πŸ“‚ Structure

β”œβ”€β”€ 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

πŸ’» Installation

πŸ”§ Prerequisites

  • Node.js
  • npm
  • Docker

πŸš€ Setup Instructions

  1. Clone the repository:
    • git clone https://github.com/spectra-ai-codegen/FitTrax-bl0ijq.git
  2. Navigate to the project directory:
    • cd FitTrax-bl0ijq
  3. Install dependencies:
    • npm install

πŸ—οΈ Usage

πŸƒβ€β™‚οΈ Running the Application

  1. Start the development server:
    • npm run dev
  2. Open your browser and navigate to http://localhost:3000.

🌐 Hosting

πŸš€ Deployment Instructions

To deploy the application to a hosting platform like Vercel or Netlify, follow these steps:

Vercel Deployment

  1. Login to Vercel and create a new project.
  2. Connect your GitHub repository to Vercel.
  3. Choose the correct branch and deployment settings.
  4. Click on "Deploy" to start the deployment process.

Netlify Deployment

  1. Login to Netlify and create a new site.
  2. Connect your GitHub repository to Netlify.
  3. Select the appropriate settings for your deployment.
  4. Click on "Deploy" to start the deployment process.

πŸ“„ License

This Minimum Viable Product (MVP) is licensed under the GNU AGPLv3.

πŸ‘₯ Authors

🌐 Spectra.Codes

Why only generate Code? When you can generate the whole Repository!

Developer - Drix10 Website - Spectra.codes Backed by - Google, Microsoft & Amazon for Startups Finalist - Backdrop Build v4