The Silk Route: An E-commerce webapp
Link to open source: https://github.com/UzzwalSharma/silk-route-frontend
Link to Live Project: https://silk-route-frontend.vercel.app/
Hi awesome people! ๐
Finally, after weeks of coding marathons, sleepless nights, and overcoming countless challenges, I'm beyond excited to unveil my latest project:
๐ ๐ฃ๐ฟ๐ฒ๐๐ฒ๐ป๐๐ถ๐ป๐ด โ ๐ง๐ต๐ฒ ๐ฆ๐ถ๐น๐ธ ๐ฅ๐ผ๐๐๐ฒ ๐๏ธ, a full-stack e-commerce web app that blends sleek design with powerful functionality.
๐๐ฒ๐ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐:
๐ ๐ฅ๐ผ๐ฏ๐๐๐ ๐๐๐๐ต๐ฒ๐ป๐๐ถ๐ฐ๐ฎ๐๐ถ๐ผ๐ป: Secure user login & signup system with conditional navbar options tailored to user status.
๐ ๐๐๐ป๐ฎ๐บ๐ถ๐ฐ ๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐ ๐๐ถ๐๐๐ถ๐ป๐ด๐ & ๐๐ถ๐น๐๐ฒ๐ฟ๐: A smooth, intuitive product browsing experience, with category-based filtering and responsive sidebars.
๐ ๐๐ฒ๐๐ฎ๐ถ๐น๐ฒ๐ฑ ๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐ ๐ฃ๐ฎ๐ด๐ฒ๐: Eye-catching product displays with multiple images, real-time stock updates, and intuitive quantity selection (no dropdowns here!).
๐๏ธ ๐ฆ๐บ๐ฎ๐ฟ๐ ๐๐ฎ๐ฟ๐ ๐ ๐ฎ๐ป๐ฎ๐ด๐ฒ๐บ๐ฒ๐ป๐: Add, update, or remove items with live cart totals and an item count badge on the cart icon.
๐ธ ๐ฅ๐ฎ๐๐ผ๐ฟ๐ฝ๐ฎ๐ ๐๐ป๐๐ฒ๐ด๐ฟ๐ฎ๐๐ถ๐ผ๐ป: Smooth checkout experience with Razorpay, making transactions fast, secure, and hassle-free.
โก ๐ง๐ผ๐ฎ๐๐ ๐ก๐ผ๐๐ถ๐ณ๐ถ๐ฐ๐ฎ๐๐ถ๐ผ๐ป๐: Instant feedback on actions like adding to cart or completing a payment, because user experience matters!
๐ก ๐ฆ๐๐ถ๐ฝ๐ฎ๐ฏ๐น๐ฒ ๐๐ฒ๐ฎ๐๐๐ฟ๐ฒ๐ฑ ๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐๐: Highlighted products that feel as modern as your next big purchase, with a swipeable interface.
๐ฑ ๐๐๐น๐น๐ ๐ฅ๐ฒ๐๐ฝ๐ผ๐ป๐๐ถ๐๐ฒ ๐๐ฒ๐๐ถ๐ด๐ป: From mobile to desktop, every element scales perfectly for a seamless browsing experience.
โจ ๐๐น๐ฒ๐ด๐ฎ๐ป๐ ๐จ๐/๐จ๐ซ: Minimalist, professional, and visually captivating design inspired by the giants โ think Amazon & Flipkart.
๐ง๐ฒ๐ฐ๐ต ๐ฆ๐๐ฎ๐ฐ๐ธ ๐ช๐ฒ ๐จ๐๐ฒ๐ฑ:
Frontend: React.js for a dynamic user experience, Tailwind CSS for beautiful, responsive design, and react-responsive-carousel for that sleek swipe experience.
Backend: Powered by Node.js and Express.js for robust API handling, with MongoDB managing our data like a pro.
Payments: Integrated with Razorpay for secure, easy-to-use payment processing.
State Management: Cart items are securely stored using localStorage for smooth user interaction.
Deployment: Frontend deployed on Vercel and backend on Render, ensuring scalability and reliability.
I canโt wait for you to try it out! Feedback is always welcome ๐ฌ๐
Check it out: https://silk-route-frontend.vercel.app/
