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.json
Each 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-React
Install dependencies
npm install
Set 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 start
The 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!