Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/reyesgeorge/react-fastapi-app

a sample Meal tracking application utilizing React for the frontend and FastAPI for the backend. Utilizes Docker, TypeScript, Recharts, MaterialUI, React Router and Python.
https://github.com/reyesgeorge/react-fastapi-app

docker fastapi python react typescript

Last synced: 25 days ago
JSON representation

a sample Meal tracking application utilizing React for the frontend and FastAPI for the backend. Utilizes Docker, TypeScript, Recharts, MaterialUI, React Router and Python.

Awesome Lists containing this project

README

        

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Start the project using: docker compose up

## Available Scripts

Cd into the `React` project directory called react-fastapi-app, you can run:

### `npm install`
### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

In a new terminal cd into the `FastAPI` project directory called fastapi, you can run:

### `pip install -r requirements.txt`
### `python main2.py`

Runs the app in the development mode.\
Open [http://localhost:8000](http://localhost:8000) to view it in the browser.

## Featured packages include:
[FastAPI](https://github.com/tiangolo/fastapi)
[React Router](https://reactrouter.com/docs/en/v6/getting-started/overview)
[Recharts](https://recharts.org/en-US)
[MaterialUI](https://mui.com/)