GithubHelp home page GithubHelp logo

vaibhav-mougha / wefit Goto Github PK

View Code? Open in Web Editor NEW
24.0 1.0 6.0 1.7 MB

WEFIT is a body fitness website where users can choose from hundreds of professionally built workout plans and, track and log their workouts . It also provides a free fitness program database to help users to stay fit .

Home Page: https://we-fit.netlify.app/

HTML 0.50% CSS 19.91% JavaScript 77.18% SCSS 2.41%
javascript react-router-dom-v6 reactjs redux axios chakra-ui redux-thunk sass

wefit's Introduction

Welcome to WEFIT

WEFIT is a body fitness website where users can choose from hundreds of professionally built workout plans and, track and log their workouts . It also provides a free fitness program database to help users to stay fit.

Deployed URL ๐Ÿ‘‰ Click here

Our Team Members



๐Ÿ’ป Tech Stack

html5 css3 javascript reactjs chakra-ui react-router

Tools

git npm github vscode

Let's Dive into What we have made

Home Page :

HomePage

Signup Page :

SignUp

Users can register with thier registered Email address .


Login Page :

Login

Users can Login using Login Authentication with thier registered Email address .


NewUser Page :

NewUser

Users can enter their basic data after doing first time login .


UserData Page :

UserData

Users can track and log their workouts from this section .


Pro Designed Plans Page :

Pro Designed Plans

This page contains wefit workout routine plans where users can access all free and elite workouts and users are also provided with search, filter, categories, and navigate functionality across all pages .


Wefit Workout plans :

List Of Workout Plans

WEFIT Exercise Page :

Exercises

Users can explore the exercises available on our database and choose according to their targeted muscle group that they want to work out.


filter exercises

Users can find and filter the exercises according to the muscle group, equipment used, its type and difficulty level.


details about particular page

Users can find the details about any particular exercise and learn about its benefits and how to perform.


Community Section :

WeFit Community

We-Fit Community Page: Users can ask their questions among all We-Fit community members.


Blogs

Blogs : Users posts their daily routines here .


Coach Page :

Coach Page

Users can expand their personal training businesses with personal coach mode .


Elite Page :

Elite

Users can select their subscriptions : Basic ,Elite Monthly ,Elite Yearly .


Admin Page :

Admin Section

Admin Section is responsible for maintaining and updating the data in the database .


Footer :

Footer

Our Learnings

On this journey we faced many issues, but we keep motivated each other with patience.

  • We all learned how to read and understand the code of other team members.

  • We learned how to write more efficient and clean code.

  • Even though We also learned how to plan a project and how to execute it step by step.

  • By this Project we have learned how to collaborate and communicate with team effectively and improving the productivity.

  • We also got a glimpse of using GitHub for the version control.

Source Code(GitHub link):- https://github.com/vaibhav-mougha/WEFIT

Show your support

Give a โญ๏ธ if you like this project!

Thank you

wefit's People

Contributors

himanku avatar shivamt2107 avatar shivshankar0965 avatar subhamukherjee321 avatar vaibhav-mougha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

wefit's Issues

Day-2-Coach_Page

[ ] Personal-coach-mode-section

  • Title
  • Text
  • Button

[ ] Lower-Time Spent-Client-section

  • Title
  • Video ( Mobile )
  • Button

[ ] Client-management-Section And Coach Section

  • Heading

  • Text, Description

  • You free to Trial

  • Img

  • Title

  • Price

  • Description

Create the filter section in a component

  • Create muscle group filter
  • Create difficulty level filter
  • Create excercise type filter
  • Create search bar
  • All the filters should work both individually and collectively

advance work out planner page

  • create an example template for users to create a custom workout
  • list of custom workouts posted by others
  • list item components
  • connect this to db.json

Data display component in the Excercise page

  • Fetch the data from the Json server and display in the UI
  • Make sure it is able to display the filtered data accordingly
  • Each item should be clickable and provided with a link to show the item details
  • Each item should have a delete button for the admin to delete it

Add the data on json server

  • Create appropriate keys and add data
  • Make sure it has id, title, all the images, type, muscle category, difficulty level.

Item page

  • Make an FAQ section
  • Make an excercise data base component
  • Show the individual excercise detaills
  • Make a carousel for displaying more excercises
  • All links should be clickable
  • Create a button to add it to the routine
  • Add a button to mark it as favourite

Manage & Track

  • Manage & Track Section
  • Statistics Section
  • Crouser Section
  • Responsiveness

Navbar

  • Logo
  • GetApp DropDown
  • WorkOutPlans DropDown
  • Exercises Section
  • Community DropDown
  • Coach, Elite, Section
  • Login, SignUp Button
  • Responsiveness

WorkOut Tracking

  • Training Section
  • Workout Plans
  • Train & Log Section
  • Progress Tracking
  • Responsiveness

Create the muscle group component

  • Align the buttons with the image
  • The buttons should contain target muscles
  • Clicking on each button should filter the targeted data and display on the UI

Improvements

  • login and signup authentication is working good, but throwing cors error
  • could have implemented firebase for gauth
  • error messages can be improved
  • No backend, try to integrate with backend

Day-3-Elite-Page

  • Title Section

  • plans suit section

  • create 3 div inside Title, description, Button

  • Jefit Elite membership gift section-

  • 3 image

  • Progress report Section

  • Img

  • Button

Day-4-Part-I-Community Page

  • Jefit Community member

  • Text

  • Title

  • Question

  • Active Jefit User

  • IMG

  • Name Title

  • Jefit Members Stories

  • Img

  • Name Heading-H1

Final Checklist

  • Make sure the UI is responsive
  • Make sure the components are well aligned
  • Make sure all the links are working fine
  • Create a readme documentation for the project repo
  • Submit the final product

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.