A hands-on journey through the Namaste React Live Course by Akshay Saini, Founder of NamasteDev. This repository contains assignments, notes, and source code from the course.
💖 This Repository was trending on Github 🔥
This repository is a curated collection of assignments, handwritten/digital notes, and source code from the Namaste React Live Course. It documents the evolution of a React developer from the basics to building production-ready apps like FoodFire 🍔.
💡 Bonus: To fix CORS issues in FoodFire, check out the FoodFire Server with a custom API endpoint:
https://foodfire.onrender.com.
- ⚛️ React.js: A JavaScript library for building the user interface.
- 🖌️ HTML & CSS: For structuring and styling the application.
- 📦 Parcel.js: zero configuration build tool for the web.
Before getting started with the Project, you should have a basic understanding of React.js, JavaScript, HTML and CSS.
Namaste-React/
├── Chapter 01 - Inception/
│ ├── Assignment.md
│ ├── Theory/
│ └── Coding/
│ ├── App.js
│ └── index.css
├── Chapter 02 - Igniting our App/
├── Chapter 03 - Laying the Foundation/
├── Chapter 04 - Talk is Cheap, show me the code/
├── Chapter 05 - Let's get Hooked!/
├── Chapter 06 - Exploring the world/
├── Chapter 07 - Finding the Path/
├── Chapter 08 - Let's get Classy/
├── Chapter 09 - Optimizing our App/
├── public/
│ ├── images/
├── index.html
└── package.jsonEach chapter includes:
- 📘 Assignments
- 📖 Theory solutions
- 💻 Source code
- 📟 Digital notes
- 📝 Handwritten notes
📚 Chapter 01 - Inception (Date: 24-12-2022)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
📚 Chapter 02 - Igniting our App (Date: 31-12-2022)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
📚 Chapter 03 - Laying the Foundation (Date: 01-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 04 - Talk is Cheap, show me the code (Date: 07-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 05 - Let's get Hooked! (Date: 08-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 06 - Exploring the world (Date: 14-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 07 - Finding the Path (Date: 15-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 08 - Let's get Classy (Date: 21-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
📚 Chapter 09 - Optimizing our App (Date: 22-01-2023)
- 📘 Assignment
- 📖 Theory Assignment Solution
- 💻 Source Code
- 📟📝 Digital and Handwritten Notes
- 📟 Digital Notes of Live Class
Credit- Arpan Kesh - 📝 Hand Written Notes of Live Class
Credit - Ashraya KK
- 📟 Digital Notes of Live Class
- 🚀 Live Demo 😍
You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.
git clone "https://github.com/chetannada/Namaste-React.git"Go to the project directory
cd Namaste-ReactInstall dependencies
npm installSet up environment variables:
* .env - environment variables for this project to run in development environment (fill with actual values for environment variables)
Run the application:
npm run startThe application will now be running on http://localhost:3000. If you want to Fork repository and want to run locally, follow this guidelines Fork and Clone Github Repository
This is an Open-Source repository, and contributions are always welcome! If you find an issue, please create a new issue under the "Issues" section. To contribute code, fork the repository and submit a pull request. Your contributions will help make this a valuable resource for the community!
Thanks goes to these wonderful people 🙏
This project follows the all-contributors specification. Contributions of any kind are welcome!