DEV Community

Shubham
Shubham

Posted on

Complete Django CRUD Web app with MongoDB Atlas

Overview of My Submission

This is a Complete Django CRUD Webapp with MongoDB Atlas. I made this project to take participate in MongoDB Atlas hackathon in dev.to

I made this using:

  • Django
  • Design Django Form with Bootstrap and crispy forms
  • MongoDB Atlas for backend

The complete backend is made by django and for database I used MongoDB Atlas.
There are many collection but, auth_user, employee_register_employee and employee_postion_employee are the main collection in crud Database of CRUD Cluster.

Cluster_image

To connect django with MongoDB Atlas I used djongo library and pymongo made for python to connect with MongoDB.

database connection

This is how the web app looks like

DEMO VIDEO:

demo video

REGISTER PAGE:

register page

EMPLOYEE LIST PAGE:

Employee list

How you will see this project

STEP 1:

Fork this repo and clone it using:

git clone https://github.com/shubham8268/Django-CRUD-Operations
cd Django-CRUD-Operations

Enter fullscreen mode Exit fullscreen mode



The Django skeleton is look like this:

Django Structure

STEP 2:

Install virtualenv then create a virtual environment test:

pip3 install virtualenv
virtualenv test
source test/bin/activate
Enter fullscreen mode Exit fullscreen mode

Install all the dependencies using:

pip3 install -r requirements.txt
cd employee_project

Enter fullscreen mode Exit fullscreen mode
STEP 3:

Now you can see the website in your localhost:8000 using:

python3 manange.py runserver
Enter fullscreen mode Exit fullscreen mode

Submission Category:

Choose Your Own Adventure: Create an application using MongoDB Atlas that doesn’t fit into any of the categories above.

Link to Code

GitHub logo su-shubham / Django-CRUD-Operations

This is a Complete Django CRUD Webapp with MongoDB Atlas. I made this project to take participate in MongoDB Atlas hackathon in dev.to

Complete Django CRUD Webapp with MongoDB Atlas

This is a Complete Django CRUD Webapp with MongoDB Atlas. I made this project to take participate in MongoDB Atlas hackathon in dev.to

I made this using:

  • Django
  • Design Django Form with Bootstrap and crispy forms
  • MongoDB Atlas for backend

The complete backend is made by django and for database I used MongoDB Atlas There are many collection but, auth_user, employee_register_employee and employee_postion_employee are the main collection.

CLUSTER

To connect django with MongoDB Atlas I used djongo library and pymongo made for python to connect with MongoDB.

database connection

This is how the web app looks like

DEMO VIDEO:

database connection

REGISTER PAGE: database connection

EMPLOYEE LIST PAGE: database connection

How you will see this project

STEP 1:

Fork this repo and clone it using:

git clone https://github.com/shubham8268/Django-CRUD-Operations
cd Django-CRUD-Operations

The Django skeleton is look like this

Django structure


STEP 2:

Install virtualenv then create a virtual environment test:

pip3 install virtualenv
virtualenv test

Additional Resources / Info

This was my first time using MongDB as the database for a website which was a really great experience of using noSQL specially MongoDB Atlas, I'm also planning to use it in my future projects.
I learned about pymongo package and djongo availabe for python. I took help from How to Use Django with MongoDB document.

Top comments (0)