๐Ÿ’ช GYM BRO

๐Ÿ’ช GYM BRO

Tech Stack

Gym Bro is a platform similar to Linktree, designed specifically for gym enthusiasts to showcase and share all their fitness-related social media links, including Instagram, TikTok, YouTube, and more. Beyond serving as a centralized hub for fitness influencers and enthusiasts to consolidate their online presence, it now features a workout editor. Users can create and share custom workouts, choose from a wide range of exercises or add their own, and even receive AI-generated feedback to optimize their fitness routines.

๐Ÿ‹๏ธ Features

  • Centralized platform for sharing fitness-related social media links.
  • User-friendly interface for managing and updating social media links.
  • Customizable profiles for gym enthusiasts to showcase their online presence.
  • Integration with popular social media platforms (Instagram, TikTok, YouTube, etc.).
  • Profile customization: Change background and text colors to match your style.
  • Link management: Reorder links as desired for optimal presentation.
  • Workout editor: Create and share personalized workout routines.
  • Exercise library: Choose from a variety of pre-defined exercises or add your own.
  • AI-generated feedback: Receive tailored insights to improve your workouts.
  • Community sharing: Share your workout plans with other users or explore routines created by others.

๐Ÿ› ๏ธ Technologies Used

  • Next.js - React framework for frontend.
  • Tailwind CSS - Utility-first CSS framework.
  • TypeScript - Typed JavaScript for scalable and maintainable code.
  • Cypress - End-to-end testing framework for web applications.
  • NextAuth.js - Authentication for Next.js.
  • Prisma ORM - Database toolkit and ORM for Node.js.
  • tRPC - End-to-end typesafe APIs.

๐Ÿ’ป Usage

  1. Visit the Gym Bro platform.
  2. Create an account or log in using your existing Google account (the only supported method at the moment).
  3. Set up your profile by:
    • Setting your profile picture, title and bio.
    • Adding links to your fitness-related social media accounts.
    • Changing the background color and text color.
    • Reordering your social media links as you prefer.
    • Creating and sharing your workout routines using the workout editor.
    • Receiving AI-generated feedback to optimize your workouts.
  4. Share your Gym Bro profile link with your audience.

๐Ÿ“‹ Trello Board

Here is a screenshot of my current Trello board:

Trello Board

Each task on the board is organized with specific labels to indicate its category:

  • Frontend: Tasks related to the front-end development of the project.
  • Backend: Tasks related to the back-end development of the project.
  • Bug: Issues or bugs that need to be fixed.
  • Ideas: New ideas or features to be considered for future implementation.
  • And More: Additional categories as needed to keep our project well-organized.

These labels help me quickly identify and prioritize tasks, ensuring a smooth and efficient workflow.

๐Ÿ“„ License

This project is licensed under the MIT License.

๐Ÿ“ข Credits

This project was made possible thanks to the following contributors and resources:

๐Ÿ“ฉ Contact

For inquiries, please contact abderrahim.guerfii@gmail.com.