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

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

Waffle listing

Individual 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.

Contact Us

Changelog

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

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.