Skip to content

Project: Set fitness goals, track your progress, and share achievements with friends.. Created at https://coslynx.com

Notifications You must be signed in to change notification settings

coslynx/Fitness-Tracker-MVP-Social-Community

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

25 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Fitness-Tracker-MVP-Social-Community

A user-centric fitness platform for personalized goal setting, detailed progress tracking, and a thriving social community.

Developed with the software and tools below.

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 "Fitness-Tracker-MVP-Social-Community" that provides a comprehensive solution for users to set personalized fitness goals, track their progress, and connect with a supportive community. The MVP is built using a robust technology stack, including:

  • Frontend: React.js, Next.js, Tailwind CSS, Zustand
  • Backend: Node.js, Express.js
  • Database: PostgreSQL
  • ORM: Prisma
  • Authentication: NextAuth.js
  • Error Handling: Sentry

πŸ“¦ Features

Feature Description
πŸ” User Authentication Users can register and log in securely using an email-based authentication system.
🎯 Goal Setting Users can set personalized fitness goals tailored to their individual needs and preferences.
πŸ“Š Progress Tracking Users can log their workouts, activities, and nutritional intake to track their progress towards their goals.
πŸ’¬ Social Engagement Users can share their progress, motivate each other, and connect with like-minded individuals in a supportive community.
πŸ“ˆ Data Visualization The platform provides visually appealing charts and graphs to help users understand their progress and identify trends.

πŸ“‚ Structure

└── src
    β”œβ”€β”€ components
    β”‚   β”œβ”€β”€ Button.tsx
    β”‚   β”œβ”€β”€ Header.tsx
    β”‚   β”œβ”€β”€ Layout.tsx
    β”‚   β”œβ”€β”€ GoalInput.tsx
    β”‚   β”œβ”€β”€ ProgressChart.tsx
    β”‚   └── SocialShareButton.tsx
    β”œβ”€β”€ pages
    β”‚   β”œβ”€β”€ api
    β”‚   β”‚   β”œβ”€β”€ auth.ts
    β”‚   β”‚   β”œβ”€β”€ goals.ts
    β”‚   β”‚   └── progress.ts
    β”‚   β”œβ”€β”€ _app.tsx
    β”‚   β”œβ”€β”€ index.tsx
    β”‚   β”œβ”€β”€ dashboard.tsx
    β”‚   └── login.tsx
    β”œβ”€β”€ styles
    β”‚   └── global.css
    β”œβ”€β”€ utils
    β”‚   β”œβ”€β”€ helpers.ts
    β”‚   β”œβ”€β”€ api.ts
    β”‚   β”œβ”€β”€ auth.ts
    β”‚   └── validation.ts
    β”œβ”€β”€ config
    β”‚   └── next-auth.config.ts
    └── middleware
        └── authentication.ts

πŸ’» Installation

πŸ”§ Prerequisites

  • Node.js
  • npm
  • Docker

πŸš€ Setup Instructions

  1. Clone the repository:
    • git clone https://github.com/coslynx/Fitness-Tracker-MVP-Social-Community.git
  2. Navigate to the project directory:
    • cd Fitness-Tracker-MVP-Social-Community
  3. Install dependencies:
    • npm install

πŸ—οΈ Usage

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

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

βš™οΈ Configuration

Adjust configuration settings in next.config.js, tailwind.config.js, and .env.

πŸ“š Examples

  • Registering a new user:
    • Navigate to the login page.
    • Click the "Sign Up" button.
    • Fill in the required details (email, password) and submit the form.
  • Setting a fitness goal:
    • Log in to your account.
    • Navigate to the dashboard page.
    • Click the "Add Goal" button.
    • Enter the goal details (name, target, deadline) and click "Save".
  • Tracking your progress:
    • Log in to your account.
    • Navigate to the dashboard page.
    • Select a goal from the list.
    • Click the "Log Workout" button to record your activity.
    • View your progress in the interactive chart.
  • Sharing your progress:
    • Log in to your account.
    • Navigate to the dashboard page.
    • Select a goal from the list.
    • Click the "Share Progress" button.
    • Choose a social media platform and share your progress.

🌐 Hosting

πŸš€ Deployment Instructions

  1. Create a Vercel account:
  2. Initialize Vercel:
    • vercel init
  3. Connect to your GitHub repository:
    • Follow the prompts to connect your repository.
  4. Deploy:
    • vercel deploy

πŸ”‘ Environment Variables

  • NEXT_PUBLIC_API_KEY: API key for external services.
  • DATABASE_URL: Database connection URL for PostgreSQL.
  • AUTH_SECRET: Authentication secret for NextAuth.js.

πŸ“œ License

This MVP is licensed under the MIT License.

πŸ‘₯ Authors

🌐 CosLynx.com

Create Your Custom MVP in Minutes With CosLynxAI!