JavaScript and Python - Build and Deploy a Full Stack Web App
Learn how to build and deploy a full stack app with Python and React.
Source Code: github.com/burakorkmez/react-... (⭐ Stars appreciated)
Join the Discord to ask your questions: / discord
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
Пікірлер: 44
This projects works as expected and as shown in the video. The only thing I forgot to update is the BASE_URL in App.jsx file: - export const BASE_URL = import.meta.env.MODE === "development" ? "127.0.0.1:5000/api" : "/api" Update it to be like this so that it can work in the production as well. (I also updated the github repo for this, see App.jsx file)
This is exactly how tutorial videos should be. Detailed explanation all through (backend - frontend) and capping it off with a deployment walkthrough. Beautiful job, Sir. Thank you so much. I think I'm in love with Chakra UI already.
Your channel is such a gem! Thank you so much!
thanks for the tutorial, specially the deployment part!
Started the course 1 hour ago, and learned so much. I realized that it is way way easier to learn while working on a project than going through a textbook to understand each and every point. Please make a FastAPI full stack Application as per audience request; that would be amazing! Thanks once again!
çok güzel anlatıyorsun reis teşekkürler..
Thanks i will start it very soon😍😍
Brooooo it is so good!
First!!! Thanks for this video 😊😊
This is amazing! Thanks so much for the effort and time you put. This is golden :))
@asaprogrammer_
Ай бұрын
You're welcome:)
Thanks, I like it
Thanks for this great project. I found it helpful
@asaprogrammer_
25 күн бұрын
Glad it was helpful!
wow , nice proyect
I think you should have also included flask smorest, overall a good tutorial
Do you plan on doing any FastAPI projects?
hey loved the video, thanks a bunch! just a small question: on your finance app you mentioned about adding cron jobs if you're deploying to render because of cold start. is adding cron jobs necessary for this app as well? appreciate it!
@asaprogrammer_
2 ай бұрын
You're welcome. Yes, for free plan, it doesn't matter which app you deployed it'll go inactive
hello I was learning as a self tought web development so I learnet the forntend and i started learning python, then i start the university and io found out that we are gonna use mainly Java.... so know I dont know if I stick with jus Java or i continue to learn Python.... what would you suggeat? thank you
🎉🎉 please make full stack project in React native Expo with nativewind
Broo when Im hosting the server even it's not working if my local server running then it is working in the hosting site when my local server off it's not working
I only do have knowledge about React and 0 knowledge of Python.. Can I still proceed with this course or should get a intermediate lvl knowledge of python and flask?
Would you ever make an angular tutorial.Really grateful for your work you do an excellent job at explaining.
@asaprogrammer_
2 ай бұрын
Thank you. Maybe one day...
Can you do a ecommerce app using MERN stack
Does this video include all the code with explanation?
After deployed the website . It is working in pc but not working in mobile is their is any reason
Get more like this bro..
❤❤
@asaprogrammer_
2 ай бұрын
❤
great lecture but build an e-commerce and react native app too
ERROR: Ignored the following versions that require a different python version: 1.21.2 Requires-Python >=3.7,=3.7,=3.7,=3.7,=3.7,
kindly build an e-commerce app too
Create the same backend with fastapi + jwt authentication 😢
I am getting this error while installing flask-alchemy and I am not able to resolve this. Also even after installing flask vs code is not recognizing it. I have python 3.10.5 Please tell me what to do. note: This error originates from a subprocess, and is likely not a problem with pip. ERROR: Failed building wheel for greenlet Failed to build greenlet ERROR: Could not build wheels for greenlet, which is required to install pyproject.toml-based projects
@HeroSanjA
11 күн бұрын
Firstly check your venv and the correct choosed interpreter. If nothing helps then use Anaconda to manager your venv, this worked for me.
Django multi-vendor ecommerce project 👨💻👨💻
Stock trading app using MERN stack
20:00
pls java fullstack sir
Very bad video!! Hard to follow through when you are copy pasting half of the things and that chakra ui. Its awful!! Would not recommend for beginners
👍