https://github.com/andersonlimacrv/fastpi-react-loginpage

This project is a Full Stack application that provides a login page built with React on the front end and a powerful asynchronous API using FastAPI on the backend. It utilizes a PostgreSQL database to securely store user data and implements authentication with JSON Web Tokens (JWT) to ensure security.
https://github.com/andersonlimacrv/fastpi-react-loginpage

fastapi-sqlalchemy javascript python react

Last synced: 7 months ago
JSON representation

This project is a Full Stack application that provides a login page built with React on the front end and a powerful asynchronous API using FastAPI on the backend. It utilizes a PostgreSQL database to securely store user data and implements authentication with JSON Web Tokens (JWT) to ensure security.

• Host: GitHub
• URL: https://github.com/andersonlimacrv/fastpi-react-loginpage
• Owner: andersonlimacrv
• License: mit
• Created: 2023-09-16T20:33:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-09-21T02:48:47.000Z (over 2 years ago)
• Last Synced: 2025-03-03T08:44:56.723Z (10 months ago)
• Topics: fastapi-sqlalchemy, javascript, python, react
• Language: Python
• Homepage:
• Size: 176 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🚀 Full Stack Login Project with React and FastAPI

![Badge](https://img.shields.io/badge/FastAPI-0.68.0-00ACAC)

![Badge](https://img.shields.io/badge/React-17.0.2-00ACAC)

![Badge](https://img.shields.io/badge/PostgreSQL-13.4-00ACAC)

![Badge](https://img.shields.io/badge/TailwindCSS-2.2.16-00ACAC)

![Badge](https://img.shields.io/badge/JSONWebTokens-JWT-00ACAC)

This project is a Full Stack application that provides a login page built with React on the front end and a powerful asynchronous API using FastAPI on the backend. It utilizes a PostgreSQL database to securely store user data and implements authentication with JSON Web Tokens (JWT) to ensure security.

## ✨ Features

![PYTHON](https://img.shields.io/badge/python-141321?&logo=python&logoColor=ffdd54)

![Javascript](https://img.shields.io/badge/javascript-141321?&logo=javascript&logoColor=%23F7DF1E)

![REACT](https://img.shields.io/badge/React-141321?&logo=react&logoColor=%2361DAFB)

![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-141321?&logo=tailwind-css)

![PostgreSQL](https://img.shields.io/badge/postgres-141321?&logo=postgresql)

- [x] **React**: To create a responsive and user-friendly user interface.

- [x] **FastAPI**: a high-performance Python framework, to build an asynchronous API. It offers automatic documentation and is highly scalable.

- [x] **PostgreSQL**: as the database to securely store user information.

- [x] **TailwindCSS**:to create an elegant and customizable appearance for the application.

- [x] **JWT Auth**: authentication based on JSON Web Tokens (JWT) to ensure that only authorized users access protected resources.

## 📖 ROADMAP

`backend`:

- [x] Create config file from fastapi to database postgresql

- [x] Create model ERD

- [x] Create repository

- [x] Create service

- [x] Create controller

## 📁 Project Structure

- `client`: Contains the code for the front end developed in React.

- `server`: Contains the code for the backend built with FastAPI.

- `docs`: Project documentation, including information on how to set up and run the project.

## ▶️ How to Run

To run this project on your local machine, follow the detailed instructions in the `docs/` directory to set up the development environment.

**Note:** This project is intended for educational and demonstrative purposes. Be sure to follow best security practices when using it in production environments.