yanliu1111 / React_Flask_fullStack_project

in processing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build a Full stack web app with Flask and ReactJS

Base on the πŸŽ₯ Video Course from YoutuberπŸ‘ Ssali Jonathan
What the differences from this one πŸ‘‰ Some new features and hooks from React.dev, also complie backend and postgres with DockerπŸ³πŸ‹ and deploy...

Project Description

The project is a simple recipe app that allows simple CRUD actions against a Flask REST API.

Technologies and Processing ⏳

Backend

  • βœ… Creating REST APIs with Flask with Flask-RestX
  • βœ… Using Flask-SQLAlchemy ORM
  • βœ… Carrying Out Database Migrations with Flask-Migrate
  • βœ… JWT Authentication with Flask-JWT-Extended
  • βœ… Testing Flask API with Unittest

Frontend

  • βœ… Creating ReactJS App with Vite
  • βœ… React Hooks
  • βœ… React Bootstrap
  • βœ… React Router
  • βœ… React Hook Form
  • βœ… Creating React Components
  • βœ… JWT Authentication on the frontend
    reference: react-token-auth
  • βœ… Making API Calls with Fetch API
  • Dockerizing the App
    • βœ… Flask image build
    • Postgres image build
    • Sqlite to Postgres Migration (I am learning...)
  • Deploying the App

About

in processing


Languages

Language:JavaScript 52.2%Language:Python 43.0%Language:HTML 1.6%Language:Mako 1.3%Language:CSS 1.0%Language:Dockerfile 0.9%