🔴Let’s build HomeChef with REACT.JS! (React.Js, Tailwind CSS, Redux, MongoDB, Express.Js)
This video is about the MERN Stack Recipe app. In this app we have used ReactJs, tailiwnd Css, Redux tookit, MongoDb and Express.js.
In this video, firstly we have seen the backend part of the video using Nodejs, Expressjs, MongoDB and also we have used bcrypt and jsonwebtoken for the authentication. We have created models and added the functionality of adding to favourites and removing form favourites. Also we have learnt how to get authenticated with the help of cookies, or we can even say the persistent login using nodejs.
In the later part we have initiated frontend with vite and tailwind CSS, and created the beautifully looking UI with loader and react icons. We used tailwind CSS in the project to make it amazing, also we have used meal db API to get meals.
This app searched the meals by the entered ingredient, you have even much more in the video so please watch this video.
Source Code 👇
https://github.com/coder29yt/recipe-a...
Resources 👇
Learn NodeJs backend in 78 Minutes : • Easiest NodeJs backend Course ever for abs...
Learn Mern Stack Authentication and Authorization: • MERN Stack : Advanced User Authentication ...
Master Redux Toolkit : • Master the Easiest Redux Toolkit in One Vi...
Lern Tailwind CSS : • Master the Easiest Redux Toolkit in One Vi...
Flavoro Food Ordering App : Learn NodeJs backend in 78 Minutes : • Easiest NodeJs backend Course ever for abs...
To join the community 👇
/ discord
Connect with me on social media 👇
LinkedIn : / raj-padval-10869125b
Instagram : / coder29.yt
Explore the Tech Stack:
React.Js: Dive into the component-based architecture for scalable UI.
Tailwind CSS: Style your HomeChef app with ease using this utility-first CSS framework.
Redux: Master state management for a smooth and synchronized user experience.
MongoDB: Unveil the brilliance of a flexible and scalable NoSQL database.
Express.Js: Power up your backend with a fast and minimalist framework.
🛠️ Building Blocks:
Understanding React.Js: Learn the core concepts and unleash the potential of virtual DOM.
Styling Magic with Tailwind CSS: Explore the utility-first approach for a visually appealing UI.
State Management with Redux: Centralize your data flow and ensure a seamless HomeChef experience.
Unveiling MongoDB's Database Brilliance: Dive into NoSQL for a scalable recipe database.
Powering the Backend with Express.Js: Create a robust backend for optimal performance.
🔧 Realizing the HomeChef Vision:
Synergize these technologies to create a powerful, scalable, and visually stunning culinary platform.
👉 Conclusion:
Embark on the HomeChef journey with REACT.JS and bring your culinary vision to life. Roll up your sleeves, dive into the code, and let the HomeChef development begin!
🚀 Don't forget to like, subscribe, and hit the notification bell for more tech tutorials! 🌟
TimeStamps
0:00:00 Intr
0:04:23 Project
4:11:10 MongoDB atlas setup