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 People

Stargazers

 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

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

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

Navbar

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

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

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

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

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

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

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-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

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

WorkOut Tracking

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

Manage & Track

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

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.

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.