How to Create a Express/Node + React Project with Vite | Node Backend + React Frontend

Hey guys, welcome back! In this video, I will be showing you how to create a project with an Express/Node backend and a React frontend with Vite. We will set up a backend API with Express that returns an array of fruits, and on the frontend, we will fetch that backend and display the same fruits onto the frontend.
If you don't know what Node is, Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. If you don't know what Express is, Express is a web framework for Node.js. It provides a robust set of features for building web applications, including routing, views, templates, and more.
If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces.
My Website: arpanneupane.com
My GitHub: github.com/arp...
Code: github.com/arp...
Official Express Documentation: expressjs.com/
Official React Documentation: react.dev/
Official Vite Documentation: vitejs.dev/guide/
My Programming Gear:
Keyboard: amzn.to/47eLpX4
Laptop: amzn.to/4546pyW
Laptop Stand: amzn.to/3GOYlZ7
Desk: amzn.to/43wmIEt
Monitor: amzn.to/42BAaFH
Monitor Arm: amzn.to/3NR0APS
Chair: amzn.to/42vvKAn
Desk Mat/Mousepad: amzn.to/43AhKqj
Microphone: amzn.to/45RuQ43
Headphones: amzn.to/445sf4R
#Express //#Node //#React // #LearnToCode

[@namlasyruhdwohc6340]

Straight to the the point and under 20 minutes, nice

[@ArpanNeupaneProductions]

@@namlasyruhdwohc6340 that's just how we do it 🔥🔥

[@Hallowed_Knight]

no nonsense, no bullshit, just straight programming

[@ArpanNeupaneProductions]

@@Hallowed_Knight that's just how we do it 🔥🔥

[@mrziixx1293]

Damn bro, your way of explaining is soo damn good that i can understand everything you said there, thanks

[@giroda]

Beautiful job, congrats and thanks. Now its time to containerize it

[@nomomo4059]

Thank you very much!!

[@xXxBo5sANaCxXx]

Sometimes i wish i started with backend and then frontend....sheesh its a whole different world out here

[@shadowB33]

bro! I am suffering the same thing too lol

[@sangeethasudhagar4416]

Thanks bro😢 I have been struggling how to connect but ur video solved me pls upload more video about full stack projects pls 😢

[@Memegineer_10k]

Thanks brother! This really saved much of my time. Keep on producing such useful videos.....

[@asurge9256]

Hello, I have built an entire app and this video was the baseline for everything. Thank you. Also, I want to deploy it. The frontend and backend is exactly how it is structured in this video and I use PostgreSQL for a database. All the db code is in the Node.js. How would I go about deploying my application in the particular strucuture that it is in?

[@ArpanNeupaneProductions]

@@asurge9256 Look up how to create a build/frontend distribution in React (Vite). Then, serve that build on your backend. Finally, deploy your backend on a server.

[@bibimathew6381]

thank you for this! Saved me so much time

[@hariomthakur770]

life saving video ✌✌✌✌

[@TilakasiriRajapaksha-ec3sg]

Can you make video how to connect with mysql

[@Stefan-xm9qb]

Make a video about ssr with express + react

[@jhonrivera8738]

Thanks, man!

[@dermensch2553]

How to make it as one app... starting from a main folder with one command and then can be released on google play store?

[@Jen13022]

ok.how send from server to client react component ,i use renderToString method from react dom but i have issue - syntax error, dont recognized tag

[@bestpianolpieces]

is it possible to depoly such a project to vercel? im quite new to all of this. What would i need to do? Great Tutorial!

[@ArpanNeupaneProductions]

@@bestpianolpieces it is! Check out my video for React + Vercel :) Thanks!

[@zhuangdaz7388]

How can we deploy this project to Digital Ocean? Shall we dockerize it?

[@Sergeant_Mahdi]

I'm kind of new to react. Do I need express for a single page application or the Vite server would be enough?

[@ArpanNeupaneProductions]

If your application only needs frontend capability, you will be fine with Vite and React. However, if you're looking to implement backend or server-side functionality, using a backend framework like Express could be of good use.

[@sangeethasudhagar4416]

Bro it shows access is blocked by cors policy how to resolve this?