URL Shortener with ReactJS, FastAPI

Simple URL shortener project built with ReactJS and FastAPI as a learing exercise.

Demo

shorty-screenshot

Powered By

Frontend

  • ReactJS
  • Material UI
  • React Query
  • React Tiny Link
  • React Copy To Clipboard

Backend

  • FastAPI
  • SqlAlchemy

Installation (API & Web)

API backend:

$ cd backend
$ pip install -r requirements.txt
$ uvicorn src.main:app --reload

Web client:

$ cd client
2. $ npm install  # or yarn install
3. $ npm start    # or yarn start

Author

Dr. Masroor Ehsan

GitHub

https://github.com/masroore/reactjs-fastapi-url-shortener