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 Introduction ยท People ยท Discuss
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
Assemble everything and make it whole Import the navbar, footer and the other elements and make the Excercise page complete Do the same for the item detail page
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
wefit workout plans list and filter functionality create components of list items create dummy data related list items search functionality filters paginations on given list of items
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
heading and sliders in routines page heading task slider in routines page using swiper js create data related to fitness customize left and right arrows using CSS module
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
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.
Vue.js ๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
javascript JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Machine learning Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Facebook We are working to build community through open source technology. NB: members must have two-factor auth.