Welcome to the Robotech Space E-commerce Website! This is an electronic component store located in front of Alexandria Band in Beni-Suef, Egypt. This repository contains the source code for the website built with Next.js, CSS, and Chart.js. The website offers several features to enhance the user experience and streamline the shopping process. Below you will find an overview of the project and instructions on how to set it up.
- Responsive UI Design 📱: The website is designed to adapt to different screen sizes, providing an optimal viewing experience on desktop, tablet, and mobile devices.
- Pages 📄: The website consists of the following pages:
- Shop 🛍️: Browse and purchase electronic components.
- Courses 🎓: Access information about available courses.
- Print Services 🖨️: Explore print services offered by Robotech Space.
- About ℹ️: Learn more about Robotech Space and its mission.
- FAQ ❓: Find answers to frequently asked questions.
- Wish List and Product Comparison 📝: Users can add products to their wish list for future reference and compare different products on the comparison page.
- Advanced Search 🔍: The website includes a powerful search page that allows users to search for products by price, name, and sort them in ascending or descending order.
- Cart and Payment Methods 🛒💳: Users can add products to their cart and proceed to checkout using two payment methods: Vodafone Cash and cash payment at the store.
- EmailJS Integration ✉️: The website utilizes the EmailJS library to send client product data, including name, cart contents, address, message, and phone number, to Robotech's Gmail account for completing the payment process.
- Admin Dashboard 🖥️: The admin dashboard provides administrative control over various aspects of the website:
- Product Management 📦: Add, edit, and delete products, specify product stock, and view updated data with informative alert colors indicating product availability.
- Course and Print Services Management 🎓🖨️: Control course and print service data.
- Shop Slides and Header Advertisements 🖼️: Manage slides in the shop page and control advertisements displayed in the header.
- Customer Management 👥: Add and manage customer data, including address, name, ID, faculty, age, and transaction history across courses, products, and print services.
- Super Admin Section 🔐: The super admin section is accessible only with a specific password and provides advanced statistics and features:
- Products Overview 📊: Display the number of in-stock and out-of-stock products, along with their total price.
- Wholesale Pricing 💰: Assign wholesale prices to products.
- Customer Analysis 📈: Classify customers based on their transaction history into Premium, Transient, Repeat, and Lead customers.
- Top Selling Products 🏆: Identify the top-selling products, services, and courses.
- Profit Calculation 💵: Calculate daily, monthly, and yearly profits and visualize them using charts.
- Refund Feature ⏪: Enable product refunds, with the corresponding increase in stock.
To set up the Robotech Space E-commerce Website locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/robotech-space.git
-
Install the dependencies:
cd robotech-space npm install -
Run the development server:
npm run dev
-
Access the website locally by opening your web browser and visiting
http://localhost:3000.
If you'd like to contribute to this project, please follow the guidelines outlined in the CONTRIBUTING.md file.
This project is licensed under the MIT License.
We would like to express our gratitude to the following resources and libraries used in this project:
- Next.js: https://nextjs.org/
- CSS: https://developer.mozilla.org/en-US/docs/Web/CSS
- Chart.js: https://www.chartjs.org/
- EmailJS: https://www.emailjs.com/
For any inquiries or support, please email us at ashrfakrm64@gmail.com.
Thank you for using the Robotech Space E-commerce Website! We hope you have a great shopping experience.