Full Stack Project Tutorial | Build a Recipe App for your Portfolio using React Node & PostgreSQL

Опубликовано: 17 Октябрь 2023
на канале: Chris Blakely

24,914

572

🚀 SOURCE CODE - https://github.com/chrisblakely01/rea...
🚀 STARTER CODE - https://github.com/chrisblakely01/rea...

🚀 For more Full Stack Project Tutorials that you can build using React & Node js Check out https://www.codecoyotes.com (more coming soon)!

🔍 LINKS
ElephantSQL (Postgres DB)
https://www.elephantsql.com/

🎥: Chapters
0:00 What we'll build
0:44 Architecture
2:39 Setup Backend
13:39 Setup Database and Prisma
19:49 Spoonacular Setup
25:39 Create Search Endpoint
44:16 Create a React App
48:59 Display Search Results on UI
1:10:19 Search Input and Recipe Card Component
1:18:23 View More and Pagination
1:27:24 Summary Modal & Summary Endpoint
2:02:35 Favourites Endpoints
2:26:15 Add Favourites Functionality to UI
3:13:29 Styling
---

🚀 *Full Stack Project Tutorial: Recipe App* 🚀

In this comprehensive tutorial, we'll embark on a journey to build a robust Recipe App from scratch! Perfect for showcasing in your portfolio, this project will demonstrate the power and versatility of the full stack, combining React, Node.js, and PostgreSQL.

🔍 *What you'll learn:*
Setting up a React frontend with interactive components.
Building a scalable backend using Node.js and Express.
Integrating PostgreSQL for reliable data storage and retrieval.
Implementing CRUD operations.

🔧 *Technologies & Tools Covered:*
React
Node.js & Express.js
PostgreSQL Database
JWT Authentication
RESTful API Design

Whether you're a beginner looking to dive into full-stack development or an experienced developer aiming to expand your skill set, this tutorial is tailored for you. By the end, you'll have a fully functional Recipe App ready to be added to your portfolio or even launched for public use!

Don't forget to *LIKE**, **SHARE**, and **SUBSCRIBE* for more tutorials and tech content! Drop your questions and feedback in the comments below. Happy coding! 🚀

Смотрите видео Full Stack Project Tutorial | Build a Recipe App for your Portfolio using React Node & PostgreSQL онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chris Blakely 17 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 24,91 раз и оно понравилось 57 людям.

6,97