Sticker Store

Cool stuff for cool people.

Sticker Store is a fully functional, full-stack online store designed for a seamless shopping experience. It features comprehensive product listings, an intuitive shopping cart, and secure payment processing powered by Stripe. Focused on a "no-login guest checkout" experience, it simplifies purchasing, making it quick and hassle-free for users.

---

🔧 Features

• Fully functional e-commerce platform
• Secure payment processing via Stripe
• Lightning-fast performance with Next.js
• Extremely responsive design with plain vanilla CSS
• Guest checkout (no authentication required)

---

🚀 Live Link

Launch Sticker Store → https://sticker-store.onrender.com/

---

🖼️ Screenshots

---

💡 Why I Built This

I built Sticker Store to demonstrate a complete e-commerce flow from product display to secure checkout, focusing on performance and user experience without the overhead of authentication. The goal was to provide a quick and efficient shopping journey, leveraging modern web technologies to create a robust and highly responsive platform that prioritizes guest users.

---

🧱 Challenges & Lessons

• Integrating secure and reliable payment processing with Stripe.
• Ensuring extreme responsiveness across all devices using only vanilla CSS.
• Managing persistent shopping cart state without user authentication.
• Optimizing Next.js for maximum performance and fast page loads.
• Designing a streamlined checkout flow for a guest user experience.

---

🧠 What I Learned

• The power and flexibility of Stripe for e-commerce payments.
• Achieving complex layouts and responsiveness purely with vanilla CSS.
• Strategies for maintaining user sessions and data (like cart contents) without traditional authentication.
• Leveraging Next.js for server-side rendering and static site generation to boost performance.
• The importance of a smooth, friction-free user journey in e-commerce.

---

🗂️ Tech Stack

• Next.js
• Stripe for payments & checkout
• Plain Vanilla CSS for styling
• Deployed on Render

---

📦 Future Enhancements

• Admin panel for product management.
• User accounts and order history.
• Search and filtering capabilities for products.

---

📁 Project Setup

Clone the repo and run locally:

git clone https://github.com/the-ajay-panigrahi/sticker-store/
cd sticker-store
npm install
# note: add your own stripe key in .env
npm run dev

Create a .env.local file in the root of your project and add the following environment variables. Replace the placeholder values with your actual keys.

NEXT_PUBLIC_BASE_URL=
NEXT_PUBLIC_STRIPE_SECRET_KEY=

---

“Simplicity is the ultimate sophistication.” — Leonardo da Vinci