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.

### 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

[asaprogrammer_]

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:


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)

[time-barbaad]

Your channel is such a gem! Thank you so much!

[telanganae-sportsmw]

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!

[rodolfoperalta]

thanks for the tutorial, specially the deployment part!

[c-k]

çok güzel anlatıyorsun reis teşekkürler..

[telanganae-sportsmw]

This is amazing! Thanks so much for the effort and time you put. This is golden :))

[alimihakeem]

Thanks for this great project. I found it helpful

[ayushshende]

I think you should have also included flask smorest, overall a good tutorial

[plsgivemecat]

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!

[anurag]

Do you plan on doing any FastAPI projects?

[benelansari]

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

[ramprasadchauhan]

🎉🎉 please make full stack project in React native Expo with nativewind

[Nick-jmmx]

Would you ever make an angular tutorial.Really grateful for your work you do an excellent job at explaining.

[dhanushperumalla]

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

[bexstt]

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?

[caesarluisllclaridad]

Can you do a ecommerce app using MERN stack

[ponnanapavan]

After deployed the website . It is working in pc but not working in mobile is their is any reason

[ajeetchoubey]

ERROR: Ignored the following versions that require a different python version: 1.21.2 Requires-Python >=3.7, <3.11; 1.21.3 Requires-Python >=3.7, <3.11; 1.21.4 Requires-Python >=3.7, <3.11; 1.21.5 Requires-Python >=3.7, <3.11; 1.21.6 Requires-Python >=3.7, <3.11
ERROR: Could not find a version that satisfies the requirement pywin32==306 (from versions: none)
ERROR: No matching distribution found for pywin32==306

i'm getting this error while deploying it on render. how can i fix it? please help

[Music-yxuv]

Does this video include all the code with explanation?

[DoCTeRSinS]

great lecture but build an e-commerce and react native app too