About me ◽️ 🎬 Udemy Instructor ◽️ 👨🏻‍💻 Front-End Engineer (10+ years) ◽️ 🎯 Mentor for Developers

Products List App

This repository contains the Source Code for the "Products List App" from 🧑🏻‍💻 React Crash Course: From Zero to Hero course.

My Other Courses

Front-End Courses

🧑🏻‍💻 React Crash Course: From Zero to Hero
🤖 React.js AI Chatbot App with ChatGPT, Gemini AI and DeepSeek

AI & Vibe Coding Courses

😈 GitHub Copilot for Beginners: AI Coding Crash Course
👻 Cursor AI for Beginners: AI Coding Crash Course
🏄🏻‍♂️ Windsurf for Beginners: AI Coding Crash Course
❤️ Lovable AI: Complete Guide for Vibe Coding

Full-Stack Courses

👓 Next.js Crash Course: Build a Full-Stack App in a Weekend
🧩 Node.js Crash Course: Build a REST API in a Weekend

How to use Code Examples from Github

Download the code source

a) Download code source for final application

1. Open repository main page.

2. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

b) Download code sources for specific lesson

1. Open commits page.

2. Click on the "code" icon near the lesson you are interested.

3. You will be redirected to the specific source code page for this lesson.

4. Click on the green "Code" button to open a list and then click on the "Download ZIP" button to download a source code.

Open project in the VS code (code editor)

Open the archive on your computer, open VS code (code editor) and cick "File" -> "Open Folder" -> Choose project folder => "Open".

Start application

1. Install dependencies

Run the npm install command to install all the libraries needed to run the application.

2. Run application

Run the npm start command in terminal to start the application. Open http://localhost:3000 to view it in your browser. The page will reload when you make changes.