DEV Community: Takshil Pandya

I Built My First Full-Stack E-commerce Website – ShopKart

Takshil Pandya — Fri, 13 Mar 2026 01:46:13 +0000

After spending time learning full-stack development, I finally built my first full-stack web application — ShopKart, a modern e-commerce platform.

This project helped me understand how real production systems work, from authentication and database design to payment integration and admin dashboards.

🛍️ What is ShopKart?

ShopKart is a full-stack e-commerce website where users can browse products, add items to a cart, and complete purchases online.

It also includes an admin dashboard for managing products, users, and categories.

🔗 Live Demo
https://shopkartsite.vercel.app

⚙️ Tech Stack

Frontend
Next.js (App Router)
React
TypeScript
Tailwind CSS
Backend
Next.js API Routes
Prisma ORM
PostgreSQL (Neon)
Redis (for OTP verification)
Chart.js (admin analytics dashboard)
Cashfree (payment integration)
Vercel (deployment)

✨ Key Features

User Features
User authentication
Email verification using OTP
Product search and filtering
Pagination for products
Cart system
Checkout system
Payment integration
Admin Features
Create and delete categories
Add and manage products
Manage users
Admin analytics dashboard

🔐 OTP Authentication with Redis

For email verification, I implemented an OTP system using Redis.

Flow:

User signs up
OTP is generated
OTP is stored in Redis with expiration
User enters OTP
OTP is validated and account gets verified

Using Redis made OTP verification fast and secure since the data automatically expires.

📊 Admin Analytics with Chart.js

The admin dashboard includes analytics visualizations using Chart.js.

This helps display useful information like:

user statistics
product data
activity insights

📚 What I Learned

Building this project taught me a lot about:
Full-stack architecture
Designing relational databases
Authentication flows
Payment gateway integrations
Using Redis for temporary data storage
Creating admin dashboards

This was a great hands-on experience connecting frontend, backend, and database systems together.

🔗 Project Links

🌐 Live Website
https://shopkartsite.vercel.app

💻 GitHub Repository
https://github.com/TakshilCodes/shopkart-ecom

🚀 What's Next?

I’m continuing to build more projects and improve my full-stack development skills.

If you have any feedback or suggestions, I’d love to hear them!

webdev #nextjs #fullstack #typescript #opensource

I’m Now on Fiverr — Offering React & Tailwind Projects!

Takshil Pandya — Tue, 20 May 2025 09:37:00 +0000

Hey devs! 👋

I'm excited to share that I’ve officially launched my Fiverr profile where I’m offering freelance services in React.js and Tailwind CSS.

After building multiple personal projects and honing my frontend skills, I decided to take the leap into freelancing. If you're a designer, startup founder, or developer looking to bring your designs to life — I’d love to help!

🛠️ What I Offer:

Convert Figma/PSD designs to responsive React + Tailwind code
Build personal portfolios or landing pages
Clean UI with mobile-first design and fast performance
Bug fixes and UI enhancements in existing React apps

🔗 Check it out:

👉 fiverr.com/takshil_dev

I'm open to collaboration, feedback, or just connecting with other devs here!

Let’s build something cool together. 🚀

react #tailwindcss #freelance #fiverr #webdev #frontend #devto

Build a Portfolio with React & GSAP

Takshil Pandya — Mon, 12 May 2025 02:44:36 +0000

Introduction

I recently built my personal portfolio using React and Tailwind CSS

Features

Dark mode toggle
Email contact form using EmailJS
Smooth scroll animations with GSAP

Live Demo

takshil.dev

Conclusion

Let me know your thoughts or questions in the comments!