How to Create a Full-Stack Web App? | ReactJS, ExpressJS and NodeJS (Part 1 of 3)
Join the Community → https://www.jsanytime.com/community/
In this video we are going to build a complete web application from scratch. It is going to have the backend in Express.js and frontend in React.
In the first part of this tutorial, we'll set up a backend server. You'll learn how to create a backend server, create routes, handle HTTP requests, and set up API that our frontend can communicate with. Once our backend is up and running, we'll move on to the frontend, where we’ll learn how to make asynchronous requests to our backend API, retrieve data, and update the UI.
By the end of this video, you'll have a fully functional web application wherein the frontend would be communicating with backend seamlessly.
(Part 2 of 3) How to Connect NodeJS App to MongoDB? | ExpressJS & Mongoose : • How to Connect NodeJS App to MongoDB?...
(Part 3 of 3) Build REST CRUD API with Node, Express MongoDB & Postman :
• Build Restful CRUD API with Node, Exp...
How to Solve CORS Error?How To Solve CORS Error? Learn CORS in 6 mins : • How To Solve CORS Error? Learn CORS i...
Want full source code of the project? Drop a link in the comments!
► Install React with Vite : https://vitejs.dev/guide/
► Install Tailwind CSS in Vite Project : https://tailwindcss.com/docs/guides/vite
#fullstackwebdevelopment #api #reactjs #webdevelopment
=========================================
⏱ Timestamps:
(00:00) Intro
(00:12) Project Overview
(00:48) Backend project folder setup
(03:50) Creating Backend Server
(05:18) Setting up the API
(06:52) Frontend project folder setup
(08:40) How to resolve CORS error?
(14:23) Displaying data fetched on browser
(15:21) Updating API
(15:57) Outro
► Follow on Github to get latest source code of projects: https://github.com/EtishaGarg
► For more content like this, subscribe to my channel: / etishagarg
► Support me to make more such videos
Patreon: / etishagarg
► Follow Me On Social Media
LinkedIn: / etisha-garg
Twitter: / gargetisha
Instagram: / gargetisha
► For business inquiries, reach us on: [email protected]
