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

  • @asaprogrammer_
    @asaprogrammer_2 ай бұрын

    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)

  • @ayomidekay6102
    @ayomidekay61023 күн бұрын

    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.

  • @time-barbaad
    @time-barbaad2 ай бұрын

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

  • @rodolfoperalta6806
    @rodolfoperalta680624 күн бұрын

    thanks for the tutorial, specially the deployment part!

  • @telanganae-sportsmw9289
    @telanganae-sportsmw9289Ай бұрын

    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!

  • @c-k4746
    @c-k47462 ай бұрын

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

  • @waleed42ahmad
    @waleed42ahmad2 ай бұрын

    Thanks i will start it very soon😍😍

  • @time-barbaad
    @time-barbaad2 ай бұрын

    Brooooo it is so good!

  • @SandovalGSFilho
    @SandovalGSFilho2 ай бұрын

    First!!! Thanks for this video 😊😊

  • @telanganae-sportsmw9289
    @telanganae-sportsmw9289Ай бұрын

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

  • @asaprogrammer_

    @asaprogrammer_

    Ай бұрын

    You're welcome:)

  • @smartdriver2990
    @smartdriver29902 ай бұрын

    Thanks, I like it

  • @alimihakeem841
    @alimihakeem84125 күн бұрын

    Thanks for this great project. I found it helpful

  • @asaprogrammer_

    @asaprogrammer_

    25 күн бұрын

    Glad it was helpful!

  • @404-not-found-service
    @404-not-found-service2 ай бұрын

    wow , nice proyect

  • @ayushshende4290
    @ayushshende42902 ай бұрын

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

  • @anurag9385
    @anurag93852 ай бұрын

    Do you plan on doing any FastAPI projects?

  • @plsgivemecat
    @plsgivemecat2 ай бұрын

    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_

    @asaprogrammer_

    2 ай бұрын

    You're welcome. Yes, for free plan, it doesn't matter which app you deployed it'll go inactive

  • @benelansari7228
    @benelansari7228Ай бұрын

    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

  • @ramprasadchauhan7
    @ramprasadchauhan72 ай бұрын

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

  • @dhanushperumalla773
    @dhanushperumalla7732 ай бұрын

    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
    @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?

  • @Nick-jm9mx
    @Nick-jm9mx2 ай бұрын

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

  • @asaprogrammer_

    @asaprogrammer_

    2 ай бұрын

    Thank you. Maybe one day...

  • @caesarluisllclaridad822
    @caesarluisllclaridad8222 ай бұрын

    Can you do a ecommerce app using MERN stack

  • @Music-yx9uv
    @Music-yx9uv2 ай бұрын

    Does this video include all the code with explanation?

  • @ponnanapavan
    @ponnanapavan2 ай бұрын

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

  • @Neelammkw
    @Neelammkw2 ай бұрын

    Get more like this bro..

  • @akashwickramarathne
    @akashwickramarathne2 ай бұрын

    ❤❤

  • @asaprogrammer_

    @asaprogrammer_

    2 ай бұрын

  • @DoCTeRSinS
    @DoCTeRSinS27 күн бұрын

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

  • @ajeetchoubey
    @ajeetchoubey2 ай бұрын

    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,

  • @DoCTeRSinS
    @DoCTeRSinS27 күн бұрын

    kindly build an e-commerce app too

  • @raymondmichael4987
    @raymondmichael49872 ай бұрын

    Create the same backend with fastapi + jwt authentication 😢

  • @sayakneogi8897
    @sayakneogi88972 ай бұрын

    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

    @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.

  • @coder_aj_001
    @coder_aj_0012 ай бұрын

    Django multi-vendor ecommerce project 👨‍💻👨‍💻

  • @ananthegde2107
    @ananthegde21072 ай бұрын

    Stock trading app using MERN stack

  • @forheuristiclifeksh7836
    @forheuristiclifeksh78362 ай бұрын

    20:00

  • @emirhanarc1476
    @emirhanarc14762 ай бұрын

    pls java fullstack sir

  • @vaibhavtamang
    @vaibhavtamangАй бұрын

    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

  • @sagarchauhan8460
    @sagarchauhan84602 ай бұрын

    👍