❤️ Namaste React 🙏

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.

• 🚀 Live Project Demo 😍

💖 This Repository was trending on Github 🔥

🚀 About the Project

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.

🛠️ Tech Stack

• ⚛️ 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.

🎻 Prerequisites

Before getting started with the Project, you should have a basic understanding of React.js, JavaScript, HTML and CSS.

🌱 Project Structure

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

📚 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

📚 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
• 🚀 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
• 🚀 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
• 🚀 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
• 🚀 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
• 🚀 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
• 🚀 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
• 🚀 Live Demo 😍

🔥 Clone this Repository

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

✏️ Contributing

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!

✨ Contributors

Thanks goes to these wonderful people 🙏