DEV Community

Karthikeyan
Karthikeyan

Posted on

How to build a Todo API using FastAPI and MongoDB

Hello everyone,

In this tutorial, we will be seeing how to create API for todo list application using FastAPI and MongoDB.

Requirements đź“ť

  1. Python 3.8+
  2. Shared cluster in MongoDB atlas.

Note: For creating a shared cluster in MongoDB atlas. Please follow this tutorial

Setting up your FastAPI server

Let’s create our project. Open up your terminal and type in the following command

mkdir fastapi-mongo-backend
cd fastapi-mongo-backend
Enter fullscreen mode Exit fullscreen mode

Creating your python virtual environment:

What is the purpose of virtual environment ?

The purpose of virtual environment is to have separate environment for your python projects. You can have a python project which is running python2 and one project which is running on python3 and also you can install python packages for one project which will not affect the another project.

Now to create a virtual environment , open up your terminal and type in the following command

python3 -m venv env
Enter fullscreen mode Exit fullscreen mode

The above command creates a virtual environment. In order to activate the created virtual environment. Please type in the following command

source env/bin/activate
Enter fullscreen mode Exit fullscreen mode

You should see this in your terminal

(env) âžś  fastapi-mongo-backend
Enter fullscreen mode Exit fullscreen mode

Adding requirements.txt

What is requirements.txt ?

requirements.txt file will contains the list of dependencies and packages used in the particular python project. Let’s install the packages needed to develop the API. Open your terminal and run the following command


# packages which we will be needing for the API

pip3 install 'fastapi[all]' 'pymongo[srv]' python-dotenv
Enter fullscreen mode Exit fullscreen mode

Once the installation is complete, run the following command this will create requirements.txt automatically in your root folder.

pip3 freeze > requirements.txt
Enter fullscreen mode Exit fullscreen mode

Creating your FastAPI server

Now create main.py and add in the following code

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
async def root():
    return {"message": "Welcome to the PyMongo tutorial!"}
Enter fullscreen mode Exit fullscreen mode

Save the file and run the application using the uvicornpackage, which was installed together with the fastapipackage.

uvicorn main:app --reload
Enter fullscreen mode Exit fullscreen mode

You should see something like this in your terminal. This spins up a web server which is live on port 8000.

INFO:     Will watch for changes in these directories: ['/Users/karthikeyan.shanmuga/.karthikeyan/fastapi-mongo-backend']
INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
INFO:     Started reloader process [3022] using WatchFiles
INFO:     Started server process [3024]
INFO:     Waiting for application startup.
INFO:     Application startup complete.
Enter fullscreen mode Exit fullscreen mode

Visit the url [localhost:8000](http://localhost:8000) to see the following in your web browser.

Step 1

Now with server successfully running , let’s connect it our MongoDB cluster which we have created at the start.

Connecting FastAPI with MongoDB

Login to your mongodb cloud and head over to the cluster which we have created and click on Connect.

Step 2

Choose the connection method as Connect to your application and Choose language as python and version as 3.6 or later.Copy the connection string and create a .env file and add in the connection string replacing the password section.


MONGODB_CONNECTION_URI=mongodb+srv://admin:<password>@cluster0.vry70dn.mongodb.net/?retryWrites=true&w=majority

DB_NAME=todo_backend
Enter fullscreen mode Exit fullscreen mode

Now open up your [main.py](http://main.py) file and add in the following code

from fastapi import FastAPI
from dotenv import dotenv_values
from pymongo import MongoClient

config = dotenv_values(".env")

app = FastAPI()

@app.get("/")
async def root():
    return {"message": "API using Fast API and pymongo"}

@app.on_event("startup")
def startup_db_client():
    app.mongodb_client = MongoClient(config["MONGODB_CONNECTION_URI"])
    app.database = app.mongodb_client[config["DB_NAME"]]
    print("Connected to the MongoDB database!")

@app.on_event("shutdown")
def shutdown_db_client():
    app.mongodb_client.close()
Enter fullscreen mode Exit fullscreen mode

Code overview:

As the name suggests @app.on_event('startup') , if you run something when your application starts up insert a piece a function under this event. More details about this event in the official FastAPI docs.

If you check your terminal , you should see the following printed

(env) âžś  fastapi-mongo-backend  uvicorn main:app --reload
INFO:     Will watch for changes in these directories: ['/Users/karthikeyan.shanmuga/.karthikeyan/fastapi-mongo-backend']
INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
INFO:     Started reloader process [45572] using WatchFiles
INFO:     Started server process [45574]
INFO:     Waiting for application startup.
**Connected to the MongoDB database!**
INFO:     Application startup complete.
Enter fullscreen mode Exit fullscreen mode

Creating the models

Let’s start with models. Create a file models.py in the root of your application and add in the following content.

# models.py

from typing import Optional
import uuid;
from pydantic import BaseModel, Field

class ListModel(BaseModel):
    id:str = Field(default_factory=uuid.uuid4, alias="_id")
    title: str
    description: str

class ListUpdateModel(BaseModel):
    title: Optional[str]
    description: Optional[str]
Enter fullscreen mode Exit fullscreen mode

Coding the routes

Creating an item in the list

Let’s see how we can create an item for our todo list. Create a file called [routes.py](http://routes.py) and add in the following changes.

from fastapi import APIRouter, Body, Request, Response, HTTPException, status
from fastapi.encoders import jsonable_encoder
from typing import List

from models import ListModel, ListUpdateModel

router = APIRouter()

@router.post("/", response_description='create a todo list', status_code=status.HTTP_201_CREATED,response_model=ListModel)
def create_list(request: Request, list: ListModel = Body(...)):
    list = jsonable_encoder(list)
    new_list_item = request.app.database["lists"].insert_one(list)
    created_list_item = request.app.database["lists"].find_one({
        "_id": new_list_item.inserted_id
    })

    return created_list_item
Enter fullscreen mode Exit fullscreen mode

Note : The reason for / route is because we will be prefixing the route under /lists endpoint in our main.py file

Code walkthrough:

We will be using the APIRouter object from the fastAPI package to create our endpoints. We have also imported the models which we have create earlier.

The response_description is for displaying in the API documentation.

  1. We encode the body in the json format before sending it to the DB.
  2. We query the collections lists in our todo_backend DB which we created in atlas and insert the document using insert_one method from pymongo.
  3. We query the same collection lists to find the inserted document using find_one method from pymongo and return it as the response.

Let’s register the routes. Open up your [main.py](http://main.py) and add this piece of code

from routes import router as list_router

app.include_router(list_router, tags=["list"], prefix="/list")
Enter fullscreen mode Exit fullscreen mode

Now open your browser and type in the url [localhost:8000/docs](http://localhost:8000/docs) and you should see there will be POST endpoint created for us /list create list

Step 3

Now click on the accordion and click on Try it out . Add in the request body contents title, description and remove the _id as it will be automatically generated.

{
  "title": "todo list 2",
  "description": "testing out from mongodb"
}
Enter fullscreen mode Exit fullscreen mode

Now click on execute to the see the response

Create post

Listing the items:

@router.get("/", response_description="list all the todos", response_model=List[ListModel])
def show_list(request: Request):
    todos = list(request.app.database["lists"].find(limit=50))
    return todos
Enter fullscreen mode Exit fullscreen mode

Code Walkthrough :

In the response model we have specified that to be List[ListModel]. This means that it will be a list of the todo objects. We will use the find method to get the items from the lists collection.

Response in the swagger UI

response

Deleting an item

We'll implement is the DELETE /list/{id} endpoint for deleting a single list by its id. Add the following to the end of the routes.py file:

@router.delete("/",response_description="delete a item from list")
def delete_list(id: str, request: Request, response: Response):
    delete_result = request.app.database["lists"].delete_one({"_id": id})

    if delete_result.deleted_count == 1:
        response.status_code = status.HTTP_204_NO_CONTENT
        return response
    raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail = "Item with {id} not found")
Enter fullscreen mode Exit fullscreen mode

Once we delete the item , we send a status code 204 stating that the item which we deleted is not in the DB.

Response in the swagger UI

deleting an item

Updating an item in the list

@router.put("/",response_description="update the item in list", response_model=ListModel)
def update_item(id: str, request: Request, list: ListUpdateModel = Body(...)):
    listItems = {}
    for k,v in list.dict().items():
        if v is not None:
            listItems = {k:v}

    print(listItems)
    # if list.title | list.description:
    update_result = request.app.database["lists"].update_one({"_id": id }, {"$set": listItems })
    # print("update result ",update_result.modified_count)

    if update_result.modified_count == 0:
            raise HTTPException(status_code=status.HTTP_304_NOT_MODIFIED, detail=f"Item with ID {id} has not been modified")


    if (
        updated_list_item := request.app.database["lists"].find_one({"_id": id})
    ) is not None:
        return updated_list_item

    raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail=f"ListItem with ID {id} not found")
Enter fullscreen mode Exit fullscreen mode

Code walkthrough:

The reason for creating a separate model is we don’t need to update the id of the particular item in the list.

Let’s first build an object which we will use to update the item in the lists collection and based on the id given in the params we will fetch the item which we want to update and using $set we update only specified files not the whole document.

We return 404 in two cases

  1. If we try to update the item with same piece of text
  2. If the item is not present in the collection.

Request:

Update Request

Response:

Update Response

Conclusion

Thanks for reading the blog everyone. If I have missed something let me know in the comments section.

In the next blog , I will be documenting how I built the back end for Odesey.

https://i.giphy.com/media/lOJKLVYkNDWN8GoPoA/giphy.gif

References

  1. PyMongo Tutorial

Top comments (1)

Collapse
 
techbelle profile image
rachelle palmer

If you're in a rush you can use either the PostgreSQL app generator (github.com/tiangolo/full-stack-fas...) or the MongoDB FastAPI app generator (github.com/mongodb-labs/full-stack...) and eliminate much of the boilerplate