This content originally appeared on DEV Community and was authored by Arya Narayan Tiwari
Overview of My Submission
I created an E-Commerce store using Atlas search and Realm functions to make the web app serverless. Atlas search's fuzzy logic is enabled so that even if search term is not completely correct you can still receive result. You can browse, search for product and add the products to cart. Also localStorage is enabled so that even if you close the browser, the items in your cart stay. The website is responsive for smaller screens.
Submission Category: E-Commerce Creation
Link to Code
Atlas Store
Atlas Store is an E-commerce store project for MongoDB Atlas Hackathon on DEV Community. This project is build using Next.js and TailwindCSS for Frontend and MongoDB Atlas for Backend and is hosted on Vercel.
Live Demo: Atlas Store
It uses MongoDB Realm functions and Atlas Search for browsing and searching of products and react-use-cart npm package to handle cart.
License
Live Demo
Additional Resources / Info
I'm still learning Next and TailwindCSS and this project was a great learning experience for me as a beginner. Here are some resources that helped me build this project.
1.MongoDB Jumpstart 2021
2.React Use Cart NPM Package
3.freeCodeCamp's Article on Routing in Next.js
4.MongoDB Crash Course
Landing Page
Product Component
Atlas Search Implementation
Cart Functionality
This content originally appeared on DEV Community and was authored by Arya Narayan Tiwari
Arya Narayan Tiwari | Sciencx (2022-01-13T10:09:30+00:00) Atlas Store – E Commerce web app with Next.js and TailwindCSS. Retrieved from https://www.scien.cx/2022/01/13/atlas-store-e-commerce-web-app-with-next-js-and-tailwindcss/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.