In this video we learn React.js by building the ultimate gym web application. It's the perfect project to demonstrate concepts like JSX, props, hooks, state, components, responsive web design & everything else you need to know to become a React.js prop. We'll style the app with TailwindCSS & at the end, deploy the project on Netlify.
#coding #reactjs #programming
🔗 Resources
GitHub Repo - https://github.com/jamezmca/swoley-fit
Init React Project - https://tailwindcss.com/docs/guides/vite
Google Fonts - https://fonts.google.com/
Font Awesome CDN - https://cdnjs.com/libraries/font-awesome
Font Awesome Icons - https://fontawesome.com/
Netlify Deployment - https://www.netlify.com
🔥 Get more content
Learn To Code Roadmap - https://github.com/jamezmca/learn-to-...
Discord Channel - / discord
Weekly Newsletter - https://smoljames.beehiiv.com/subscribe
Smoljames Hub - https://www.smoljames.com
📚 Chapters
00:00 Intro
01:15 Init React.js project
10:45 Hero section
18:33 Workout creator section
01:03:55 Workout display section
01:19:12 Deploy gym app
🔖 Topics Covered
- Learn React.js in 90 minutes
- Build a gym app with React.js & TailwindCSS
- Deploy a react.js web application