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
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:
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
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.
Top comments (2)
Congratulations for securing runner's up position! ๐๐๐
Thank you @8bitsouvik