DEV Community

Pranjal Jain
Pranjal Jain

Posted on • Edited on

Atlas hackathon submission (Refactored waffles)

Overview

Hosted at refactoredwaffles.pranjaljain.me
For this project I used Next.js & MongoDB, here both the tools I have used gives a preference to performance, And have made the web application super fast and powerful. In this project I have created Front end using HTML/CSS Components & Backend using JS which can be found in the pages/api directory in the GitHub repo of the application. All the keys were passed as environment variables and the application was deployed on Vercel using the same environment variables.

Submission Category:

  • E-Commerce Creation

Link to Code

Refactored Waffle

Refactored Waffle

Overview

Hosted at refactoredwaffles.pranjaljain.me For this project I used Next.js & MongoDB, here both the tools I have used gives a preference to performance, And have made the web application super fast and powerful. In this project I have created Front end using HTML/CSS Components & Backend using JS which can be found in the pages/api directory in the GitHub repo of the application. All the keys were passed as environment variables and the application was deployed on Vercel using the same environment variables.

Submission Category

  • E-Commerce Creation

Additional Resources / Info

Pages and links:

Home

Waffle Listing

Individual waffle

Contact Us

The apis which I have created for this project you can check the code for them in the public/api folder. Click here

Also there are multiple components which are created and reused inside the application which you can checkout in the Components folder

โ€ฆ

Additional Resources / Info

Pages and links:
Home
Waffle Listing
Individual waffle
Contact Us

Also there are multiple components which are created and reused inside the application.

This project is made using Next.js & MongoDB.

Home page

Home 1
Home 2

Waffle listing

Waffle listing

Individual Waffle page

Waffle page

Search

this search functionality is implemented using MongoDB Atlas search. Where mongoDB created an index to the items present in the collection. And then that helped implementing the search functionality.
Search

Contact Us

Contact page

Changelog

  • 7th Jan 2022 - Added cart item counter on Nav

Image description

Fin

This was the first time when I used all the tools provided by MongoDB. Initially it took me a while to understand all the tools like Triggers, Functions etc. But as soon as i implemented the first one. It was a game changer, Then i realised that it can help in so much of database automation. For example, In this project I used a trigger which was looking for an insertion event on orders collection. As soon as there were insertions on the collection It would run a function which would reduce the quantity of the things which were purchased from the available quantity. And another was to email the receipt as soon as there is a new order. This would reduce a good amount of work on the middleware part. And can be handled more precisely as it has direct contact with the data on MongoDB Realm.

Top comments (2)

Collapse
 
8bitsouvik profile image
Souvik Mandal

Congratulations for securing runner's up position! ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

Collapse
 
pranjaljain0 profile image
Pranjal Jain

Thank you @8bitsouvik