An open API service indexing awesome lists of open source software.

https://github.com/shishir786/online-tech-shop

The Online Tech Shop System is a web platform for managing products, orders, and payments. Built with HTML, CSS, JavaScript, PHP, and MySQL, it streamlines operations for admins, managers, and customers.
https://github.com/shishir786/online-tech-shop

css customer-portal-responsive-web-design e-commerce-platform html html-css-javascript-php-mysql javascript mysql-database online-tech-shop-management-system order-tracking php

Last synced: 7 months ago
JSON representation

The Online Tech Shop System is a web platform for managing products, orders, and payments. Built with HTML, CSS, JavaScript, PHP, and MySQL, it streamlines operations for admins, managers, and customers.

Awesome Lists containing this project

README

          

# Online Tech Shop Web

## Overview
The Online Tech Shop Web is an e-commerce platform built to provide users with a seamless shopping experience for tech products. The system includes features such as user authentication, product catalog management, and a shopping cart. Developed using HTML, CSS, PHP, JavaScript, and JSON, this platform enables secure product browsing, order management, and payment processing.

## Features

### User Features
- **Product Catalog**: Browse a variety of tech products with filtering and searching options.
- **Shopping Cart**: Add/remove products, view cart summary, and adjust quantities.
- **Order Checkout**: Complete purchase through secure checkout and payment options.

### Manager Features

- **Add Product**: Add new tech products to the catalog.
- **Product List**: View, edit, or remove products from the list.
- **Profile**: View and edit the manager’s profile details.

### Admin Features
- **Add Employee**: Add new employee details to the system.
- **Add Product**: Add new tech products to the catalog.
- **Employee List**: View and manage employee records.
- **Product List**: View, edit, or remove products.
- **Customer List**: Access customer profiles and their activities.
- **Sells Info**: Monitor sales data and generate reports.
- **Manage Order**: Process and manage customer orders.
- **Profile**: View and edit the admin’s profile details.

### Authentication System
- **User Authentication**: Login and registration with session-based authentication.

## Technologies Used
- **Frontend**: HTML5, CSS3, JavaScript
- **Backend**: PHP, JavaScript
- **Database**: MySQL or JSON (for data storage)
- **Authentication**: PHP sessions for login management.

## Installation Guide

### Prerequisites
- **PHP**: Local PHP server setup (WAMP, XAMPP, or custom setup).
- **Database**: MySQL or a similar database for data storage.

### Steps to Install
1. Clone the repository:
```bash
git clone https://github.com/shishir786/Online-Tech-Shop.git
```
2. Go to directory
```bash
cd online_tech_shop-web
```

3. Set up PHP
- Install PHP dependencies.

4. Set up Database
- Import the `online_tech_shop.sql` file into MySQL to create necessary tables (products, users, orders, etc.).

5. Run the PHP Server
- Place files in the server root (e.g., `www` for WAMP or `htdocs` for XAMPP) and access the application in the browser via `localhost`/`project_folder`.

## Default Credentials for Testing

| User Type| username | Password |
|----------|--------------|----------|
| admin | 1111 | pass |
| manager | 2222 | pass |
| customer | 01712345678 | pass |

## Contact

For any queries or support, please reach out:

**Authors:**
1. **Abdullah Shishir** - [shishir786](https://github.com/shishir786)
2. **Tanvir Ahmed Tuhin** - [rootanvir](https://github.com/rootanvir)
3. **Saniul Islam** - [saniulsani](https://github.com/saniulsani)

## Screenshots
Here are some screenshots of project
### **Customer Perspective**
![image](https://github.com/user-attachments/assets/af8701c1-3e69-4413-85c7-53c0469531bf)
![image](https://github.com/user-attachments/assets/0b43766f-2756-40f0-8c06-d8f5053a6e03)
![image](https://github.com/user-attachments/assets/484db826-5bf8-4206-b199-bef7a85735dc)
![image](https://github.com/user-attachments/assets/65b92e3c-9336-4000-b277-599582cd6d39)
![image](https://github.com/user-attachments/assets/94938b8a-c6cd-42c0-863e-3c3b64ddeb0e)
![image](https://github.com/user-attachments/assets/ef0a818a-ddbf-4f57-8f78-e8f4ed6b0147)

### **Admin Perspective**
![image](https://github.com/user-attachments/assets/0146028d-bda1-4e13-8c23-6c041e492717)
![image](https://github.com/user-attachments/assets/444f5bdd-aa31-4727-a681-05046f2fd1a9)
![image](https://github.com/user-attachments/assets/78b508a8-fe21-4687-bcef-3bc489dc59bd)
![image](https://github.com/user-attachments/assets/86baa305-e5b3-4f06-9db7-21e2d14bddef)
![image](https://github.com/user-attachments/assets/c7fc9fc5-a7cb-46cb-9d67-ac386fd53777)
![image](https://github.com/user-attachments/assets/8cdd2df2-9ce1-40fd-893b-fd68ff764d32)
![image](https://github.com/user-attachments/assets/318cf43a-57d1-4dd7-ae02-24edbd300712)
![image](https://github.com/user-attachments/assets/bed872d7-c27e-4cf6-b7c1-5d0c867b07f1)
![image](https://github.com/user-attachments/assets/e4abc433-78c6-4d17-905d-1a0c92841b09)
![image](https://github.com/user-attachments/assets/d2ae4826-3803-41c9-a543-3aab65b627a9)

### **Manager Perspective**
![image](https://github.com/user-attachments/assets/14cf0bb2-8e9f-45a9-9f1c-31f98a1bd703)
![image](https://github.com/user-attachments/assets/856f52cf-4219-4d0d-8e0e-cae06c3a9621)
![image](https://github.com/user-attachments/assets/5bbb2a62-fef1-4e61-b1d6-191727a06d5d)

## Contributing
Contributions are welcome! Please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-name`).
3. Make your changes and commit.
4. Push changes (`git push origin feature-name`).
5. Open a pull request for review.

## Acknowledgments
Thanks to the open-source community for the tools and libraries used in this project.

## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.

## Support
For any issues or questions, please open an issue in the repository or contact the project owner.