Skip to content

A full stack todo application built with fastAPI and mongoDB on the backend and React on the frontend.

Notifications You must be signed in to change notification settings

mabdullahadeel/yt-farm-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

FODOIST

Fodoist is a full stack todo application built with FARM stack. FastAPI and MongoDB on the backend and ReactJS on the frontend.


How to run Locally?

Backend

Here is full tutorial how you can setup your own backend in this amazing stack.

https://www.youtube.com/watch?v=G8MsHbCzyZ4

IMAGE ALT TEXT HERE

To run the backend, you need to have local mongodb instance running on you can setup a deployed instance using MongoDB Atlas.

Setting up python environment

Run the following to create a virtual environment for the project. (Assuming you have python installed on local machine)

python -m virtualenv env
# OR
python -m venv env
#OR
python -m venv --system-site-packages env
#OR
python3 -m venv env

# if still doesn't work, google is your best friend!

If you're running the deployed instance, make sure to change the database connection string in .env file on the backend.

Setting up .env file

To setup .env file on the backend, create a file named .env in /backend/app. Add the following in the .env file.

JWT_SECRET_KEY=<RAMDOM_STRING>
JWT_REFRESH_SECRET_KEY=<RANDOM_SECTURE_LONG_STRING>
MONGO_CONNECTION_STRING=<MONGO_DB_CONNECTION_STRING>
# mongodb://localhost:27017/ <-- for local running instances

Installing dependencies

Assuming you are in the base directory.

cd backend
pip install -r requirements.txt

Activating virtual environment

# Windows
env/Scripts/activate

# MacOs + Linux
source env/bin/activate

Running the backend

Assuming you are in the backend directory.

uvicorn app.app:app --reload

Frontend

Full Tutorial

https://youtu.be/gWdGOJs6yXo

The ultimate FARM stack Todo app with JWT PART II - React + ChakraUI | abdadeel

Install dependecies

Assuming you are in the base directory.

cd fronted
# yarn
yarn

# npm
npm install

Running frontend

# yarn
yarn start

# npm
npm start
# OR
npm run start

About

A full stack todo application built with fastAPI and mongoDB on the backend and React on the frontend.

Topics

Resources

Stars

Watchers

Forks