abhay-raj19 / fitbody

Star the Repo⭐.

🏋🏽FitBody🏋🏽

📍Table Of Contents

• About
• Live Demo
• Issues to be welcomed
• Building FitBody
• Note
• Features
• Technology Stack
• License
• Repo Status
• Our Contributors

🎯About

FitBody is the growing platform for Gym-enthusiasts and they can choose there respective domains for the pricing category and we are happy to invite you in the gym-community.

🖱️Live Demo

Here is the live view of this website. It is hosted on Vercel https://fit-body-delta.vercel.app/

How to Contribute to this repository

1. Fork the repository (Click the Fork button in the top right of this page, click your Profile Image)

2. Clone the forked repository to your local machine.

3. Make your branch from test branch.

    git clone https://github.com/abhay-raj19/FitBody.git

3. change the present working directory to

    cd FitBody

5. Make your changes

    git add .

    git commit -m "Your commit Message" 

    git push origin branch-name
    

6. Make a pull request.
7. Do ⭐ the repository.

🔩Issues to be welcomed

1. Content Correction.
2. Back pages for the linking the webpages.
3. Navigation of the pages.
4. New cards for Testimonials with Images.

📦️Building FitBody

1. Install npm from browser(windows), using sudo apt install npm(linux) in the terminal.

2. In the root directory: npm install for downloading all the dependencies needed for the project.

3. Run npm start for starting the server (FitBody is currently running on localhost:3000)

   Happy coding :)

🗒️NOTE

• Make Sure you commit your changes in a new branch.
• Make Sure you Give a proper name to your files describing the addition.
• Also Make Sure you comment on your code wherever necessary.

💫Features

• Personalized Workout Plans: Provide the option for users to receive personalized workout plans tailored to their fitness goals. Users can input their preferences and goals, and the website generates a customized plan for them.

• Progress Tracking: Enable users to track their fitness progress over time. They can input their measurements, record workout sessions, and monitor their improvements through charts or graphs.

• Nutrition Guidance: Offer nutrition tips and guidance to help users maintain a healthy diet and complement their fitness routines. This can include articles, meal plans, and recipes.

• Community and Social Interaction: Foster a sense of community among gym members through features like forums or social media integration. Users can connect, share their fitness journeys, and support one another.

• Blog and Articles: Publish informative articles and blog posts related to fitness, health, and wellness.

💻Technology Stack

License

Licensed under the MIT License.

Repo Status

Join our Discord Community

To get latest updates on the project and to interact with the community. We are happy to help you with your queries.

🤝Our Contributors

Thank you to all the amazing contributors who have made this project possible!

Show some ❤️ by starring this repository !

(⇑)

fitbody's Issues

[Feature to be added] Light/Dark Mode

A feature is to be added like that of full dark mode and light mode

a side nav button for toggling to light and dark

Button Position: Right side,

Example:

Toggling button similar to this without Text inside the button.

Making the navbar and testimonials dark mode compatible

Creating Backend file Using MVC pattern

I am interested in this project. I can structure a backend using Node.js, express and MongoDB. I thinks _MVC pattern_ fits best for this "FitBody" application. and I can integrate JWT token for authentication which make the webpage more secure. Please assign this Issue to me.

edge correction in testimonial images

The footer element doesn't have any hover effect.

let me modify make change in the code

[feat]: add back-to-top button

assign me under hacktoberfest

[BUG]: Excessive right padding of navbar in mobile view

Description:
In mobile view, there is an excessive right padding of navbar.

abcdef.mp4

Labels:
Assign me and assign the "Hacktoberfest, Hacktoberfest-accepted" label.
@abhay-raj19

Mobile Navbar Not Closing in Mobile View

Description:
In mobile view, clicking on navbar sections (e.g., "Home" and "About") doesn't close the navbar as expected.

Steps to Reproduce:
Open the website in mobile view.
Click on any navbar section.
Navbar remains open

Expected Behavior:
The navbar should close after clicking a section for better user experience.

FitBody.-.Google.Chrome.2023-10-19.01-22-57.mp4

Labels:
Assign me and assign the "Hacktoberfest, Hacktoberfest-accepted" label.
@abhay-raj19

Adding up a similar module for the testimonials .

Add 2 testimonials section adjacent to each other .

Currently =>

having only one testimonial section in the center for women

add the similar testimonial section for the men's also and align both of these adjacent to each other .
Left side for womens
right side for mens

Testimonials section not responsive on smaller devices.

Testimonials section is not responsive on smaller devices due to which there is horizontal scrolling!!

webpack compiles with errors

Module not found: Error: can't resolve `emixicon.ttf?t=1590207869815 in node_modules

add spacing

want to add spacing in testomonial section

Add hovering effect on pricing cards

Hand cursor is not showing in title FITBODY.

adding hand cursor to the title fitbody .

Make navbar sticky on top

Kindly assign under hacktoberfest

[Fix] Non Cyclic Behaviour in swiper component.

[Feature] Responsiveness for the whole website

Add responsiveness among the whole components

most requested is mobile responsiveness.

Happy Contributing Hactoberfest'23🤗

firstly get assigned and then raise Up a PR.

Top margin is bigger .

top margin must be reduced to make a better view.

Removing glossy effect on Watch video button background.

I've observed an unnecessary glossy effect on the background of the "Watch Video" button. I would appreciate it if you could assign me the task of removing this effect.

Add Dockerfile

Price button hover cuts-off issues

Issue :
when I'm hovering over the price card button the animation works well but when I remove the mouse the animation cuts of fast.

Screencast.from.09-05-24.07.49.48.PM.IST.webm

Add Hamburger Icon for Mobile Navbar

Description:

Enhance mobile user experience by adding a hamburger icon to the navbar. Clicking the icon should reveal the navigation menu for easy access on smaller screens.

Note:

I'd like to take on this task. Please assign it to me.

Dark mode in footer css

Addressing Hover Spacing Issue in Website Header.

I have noticed an issue with extra spacing when hovering over the 'Contact Us' section in the website's header. I kindly request to be assigned to this issue, as I am confident I can resolve it effectively.

Fix repeated grid in Footer

The quick links grid is repeated in the footer section, which is not necessary. I want to fix this. Please assign me this issue.

Add register form on clicking on register button

Fix Non-Cyclic Behavior of SwiperComponent.

The Swiper component on the website lacks cyclic behavior, preventing seamless slide navigation. The issue requires resolving this limitation for improved user experience.
Assign me this Issue,I can resolve it...

add form validate functionality

I want to add form validate functionality in the contact us form.

Navbar should be transparent for better view.

Pls assign this issue .

Add CI-CD Pipelines

Creating the Register Page for the website

I will help in creating the register page for the website

Render to landing page while clicking the logo/FitBody

It will be great experience for the user if he/she can click on the logo or FitBody and page can rerender to the main landing page.
let add this feature for your website

Social media handles

The social media links can also be added in the footer section of the website, or at any other place you would like.
I would like to work on this.

Resolving Design Issue of Dark Mode Button

@abhay-raj19 There Is Little Design Issue In Light/Dark Mode Toggle Button. Dark Mode Moon Is Little Bit Visible In Light Mode. Can You Assign This Issue To me.

Proposed Solution

[Module] Add multiple components for the options .

Add multiple good UI components

Like:

for get started and watch video.

Happy contributing Hacktoberfest'23🤗.

Remove scroll bar shown in nav bar

There should be background change in Button when cursor goes near them

Content writer for the full website.

Want to change up all my content from Lorem ipsum to the content that perfectly fits into the place for the component.

and ,

alignment of the fitbody logo in nav and footer .

there is the mis-alignment with the logo of the Dumble.

1. You can totally change up the logo and add a perfect logo for the gym website -related logo , so that it matches the alignment .

2. Or else make the same Dumble logo perfectly align with FITBODY text.

Navbar not shown

The navbar is not shown initially when the theme is changed.
Scroll is needed to make it appear.

[ High Priority ]Convert to Vite Bundler

Make vite integrations and do move this whole project into vite bundler.

why to move ?

-> As while initilising it on a AWS EC2 instance it takes up a lot of resources .
-> Not able to run on a VM instance on Azure .

Ref :
https://vitejs.dev/guide/
https://vitejs.dev/

Fix Logo Icon

The logo in the Navbar is not properly aligned. Please assign me this issue so I can fix it.

[BUG] Home hover layout

Hello,

I find out that when you hover the home link in the header, it doesnt fit in the box and overflow, see :

No hover :

With hover :

[Feature Update] Navbar

1. update navbar with features like hovering effects .

2. make the nav links align right .

3. make navbar Responsive.

All the features are to be added in one PR.

if You want to work on the Issue pls do reply and I will assign you the same.

Happy Contributing Hactoberfest'23🤗

Fix page overflow

I want to fix this page overflow, this will make this look a lot better and enhance experience. Please assign me this issue.

feature: Add contact form

I want to add a contact form to the page which would be accessible both from the header and footer. Please assign me this issue.

Changing the color of the toggle button

Previously the toggle button color is

It is not aligned with the website theme

Changed Color

Hero img is not responsive on smaller devices.

[BUG] Mobile View: Excessive Right Padding Overflow

Issue Description:

In the mobile view of the website, there is a significant amount of right padding, causing the page to scroll to the right. This misalignment impacts the user experience negatively.

Video Attachment:

bug.mp4

Request for Assignment:

I'd like to work on this issue and contribute a fix. Could you please assign this issue to me? Additionally, I'd like to tag this issue with "Hacktoberfest."

Future Contributions:

I'm enthusiastic about contributing more to this repository beyond this issue. I look forward to being an ongoing contributor and helping to improve the project.

Contact Us Styling

I want to change the styling of contact us box .

so assign me that issue

[Fixed] Themed backgrounds for the cards.

I've noticed that certain images within the Swiper component don't adhere to the overall page theme background.
I can Fix this