JavaScript and Python - Build and Deploy a Full Stack Web App

Source Code: https://github.com/burakorkmez/react-... (⭐ Stars appreciated)
Join the Discord to ask your questions:   / discord  
Diagrams: https://www.eraser.io (Sponsored)


Table of Contents:
⚙️ Tech Stack: Python, React, SQLite, SQLAlchemy, Flask, Chakra UI
✅ CRUD Functionality: Seamlessly create, read, update, and delete friends from your store.
🔒 Best Practices: Utilizes best practices such as creating virtual environments (venv) for a clean and isolated development environment.
🌐 Deployment: Deployed on Render for free.
🎨 Stylish UI Components: Enhanced user experience with stylish UI components provided by Chakra UI.
🌓 Light and Dark Mode: Enjoy a personalized user interface experience with light and dark mode options.
📱 Responsive Design: The app is designed to adapt to various screen sizes, ensuring a consistent experience across devices.

Timestamps:
00:00:00 Demo
00:02:50 Building API with Flask
01:03:50 UI Design with React
01:36:10 Connecting to API from React
02:05:30 Deployment

Thanks for watching.

#python #javascript #react #flask #fullstack