Back

Department Store

Year

2025

Tech & Technique

Next.js, Shadcn, Tailwind CSS

Description

Department Store is a frontend-focused e-commerce landing page built with Next.js, inspired by a WordPress grocery store theme. The project focuses on creating a modern, responsive, and user-friendly shopping interface with clean design and smooth user experience across devices.

Problem Statement

Many e-commerce templates lack consistency in responsiveness and user experience when adapted across different devices. The goal was to recreate a real-world e-commerce interface while focusing on clean UI, responsive layouts, and smooth interactions to improve usability and visual appeal.

Key Features

  • Fully Responsive E-commerce Landing Page
  • Modern UI inspired by real-world WordPress theme
  • Reusable and Modular UI Components
  • Clean Product Display Sections
  • Smooth Layout and Visual Hierarchy

Technical Highlights

  • Built using Next.js for optimized performance and structured component-based architecture.
  • Designed responsive layouts using Tailwind CSS for consistent styling across devices.
  • Utilized Shadcn UI components to maintain clean, accessible, and reusable design patterns.
  • Focused on pixel-accurate UI replication from a real-world WordPress theme.

My Role

As the frontend developer, I:
  • Recreated a real-world e-commerce landing page using Next.js and Tailwind CSS.
  • Designed and implemented responsive layouts for mobile, tablet, and desktop views.
  • Built reusable UI components using Shadcn for scalability and consistency.
  • Focused on UI/UX improvements, layout structure, and visual hierarchy.

SHRISH

maharjanshrish8@gmail.com