Furniture E-commerce Website

An e-commerce platform built with Next.js and Tailwind CSS, simulating real-world application challenges. The platform allows users to browse, search, and purchase furniture products while providing a seamless and user-friendly experience.

Features

• User Authentication: Implemented secure user authentication using NextAuth.js.
• Database Management: Utilized PostgreSQL via Supabase for efficient and scalable data storage.
• Dynamic Product Display: Showcases furniture products with category-based filtering and a sale page.
• Responsive Design: Designed with Tailwind CSS to ensure optimal user experience across devices.
• Form Validation: Integrated React Hook Form for robust input validation.
• Optimized Images: Reduced image sizes for fast load times without compromising quality.

Tech Stack

• Framework: Next.js (React-based framework for server-rendered and static websites)
• Styling: Tailwind CSS (utility-first CSS framework)
• Authentication: NextAuth.js (authentication for Next.js applications)
• Database: PostgreSQL via Supabase
• Form Handling: React Hook Form (lightweight form library)

Installation and Setup

To run the project locally, follow these steps:

1. Clone the Repository

   git clone https://github.com/melci7/furniture-project.git
   cd furniture-project

2. Install Dependencies

   npm install

3. Environment Variables Create a .env.local file in the root directory and add the following environment variables:

   NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
   NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
   NEXTAUTH_URL=http://localhost:3000
   NEXTAUTH_SECRET=your-nextauth-secret

4. Run the Development Server

   npm run dev

   Open http://localhost:3000 to view the application in your browser.

Screenshots

If you have any questions or need further assistance, feel free to contact me:

• Email: [email protected]
• LinkedIn: Muhammed Emrullah Elçi