SwiftShop - Your One-Stop Tech Shop! Build, manage, and shop for your favorite products all in one place.

SwiftShop is an online shopping platform that offers a seamless user experience for browsing products, managing them, and adding new ones to the catalog. Users can sign in, view products, and for authenticated users, add new products via a protected dashboard.

🔗 Live Site

• 🎯 Purpose
• 🚀 Features
• 🛠️ Built With
• 📦 NPM Packages Used
• 📸 Preview
• ⚙️ Getting Started
• 📄 License

SwiftShop is a basic e-commerce platform built with Next.js, providing authentication, product browsing, and product management. It is designed for users to shop, view products, and add new products once they sign in.

• Public Pages:

  • Landing Page: Displays a hero, product highlights, and footer. No authentication required.
  • Product List: Shows a list of products fetched from a backend.
  • Product Details: Displays full details of a selected product.

• Authenticated Pages:

  • Sign In: Users can log in using credentials or social login (Google).
  • Add Product: Authenticated users can add new products to the catalog.

• Authentication: Secure login and session management using NextAuth.js.

# Core
next
react
react-dom

# Authentication
next-auth

# Styling
tailwindcss
daisyui

# Database
mongodb

# Utilities
react-hook-form
react-icons
sweetalert2
bcryptjs

1. Clone the Repository

   git clone https://github.com/your-username/swiftshop.git
   cd swiftshop

2. Install Dependencies

   npm install

3. Set Up Environment Variables Make sure you have the following .env file setup:

   MONGODB_URI=your_mongodb_connection_url
   DB_NAME=your_database_name
   NEXTAUTH_URL=http://localhost:3000
   NEXTAUTH_SECRET=your_secret_key
   

4. Run the App

   npm run dev

5. Visit http://localhost:3000 to see the app in action.

This project is licensed under the MIT License. Feel free to use, modify, and share it as you see fit.