Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/neelanjan-chakraborty/smart-watch-ecom-website
https://github.com/neelanjan-chakraborty/smart-watch-ecom-website
eccomerce-platform eccomerceusinghtmlandcss eccommerce eccommercewebsite ecommerce ecommerce-application ecommerce-website
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/neelanjan-chakraborty/smart-watch-ecom-website
- Owner: Neelanjan-chakraborty
- Created: 2023-08-10T05:07:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-30T08:51:44.000Z (over 1 year ago)
- Last Synced: 2023-08-30T15:31:46.924Z (over 1 year ago)
- Topics: eccomerce-platform, eccomerceusinghtmlandcss, eccommerce, eccommercewebsite, ecommerce, ecommerce-application, ecommerce-website
- Language: PHP
- Homepage: https://watchjunction.000webhostapp.com/
- Size: 72.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![Logo](https://i.ibb.co/DK4v5g8/logo.png)
# E-Commerce Website Project
Welcome to the E-Commerce Website project repository! This project demonstrates the development of a dynamic e-commerce website for selling smart watches. The repository includes both front-end and back-end components.
#### Visit The Website : https://watchjunction.000webhostapp.com/
(Note: The Website Server May be down 👎 or show Phishing website warning kindly ignore)
- Demo Username1:[email protected]
- Demo Password1:password1
- Demo Username2:[email protected]
- Demo Password2:password2## Admin Panel Available-Paid Version email : [email protected]
![App Screenshot](https://i.ibb.co/BNqsnXb/Screenshot-397.png)
![App Screenshot](https://i.ibb.co/VDgFg9L/Screenshot-398.png)
![App Screenshot](https://i.ibb.co/pPZq8GL/Screenshot-401.png)## Updated Project Screenshots
![App Screenshot](https://i.ibb.co/FWzG7WL/Screenshot-226.png)
![App Screenshot](https://i.ibb.co/yny1kmD/Screenshot-225.png)
![App Screenshot](https://i.ibb.co/pns7S5R/Screenshot-224.png)
![App Screenshot](https://i.ibb.co/RSTPpgz/Screenshot-223.png)## Project Screenshots
![App Screenshot](https://i.ibb.co/WFbHddB/Screenshot-6.png)
![App Screenshot](https://i.ibb.co/Xyt3LnR/Screenshot-7.png)
![App Screenshot](https://i.ibb.co/PcVDPFk/Screenshot-1.png)
![App Screenshot](https://i.ibb.co/zx7Ww0d/Screenshot-4.png)
![App Screenshot](https://i.ibb.co/16BXVQm/Screenshot-9.png)
![App Screenshot](https://i.ibb.co/Bfb7ZT9/Screenshot-8.png)
![App Screenshot](https://i.ibb.co/fvNG7dL/Screenshot-5.png)
![App Screenshot](https://i.ibb.co/f2fP1mp/Screenshot-10.png)## Changelog
- Added Email Verification support
- To enable, follow these steps:
- Modify the email address within PHP scripts
- Configure with XAMPP server
- Added Email Notification support on checkout
- Added more validation to signup form
- Changed the cart design and style
- Fixed wishlist not displaying
- Added new Checkout Module
- Now includes color selection and address input## Project Overview
This project covers the following functionalities:
- **Login/Sign Up Page:** Users can create accounts or log in using their credentials.
- **Product Detail Page:** Detailed information about individual smart watches, including title, description, and pricing.
- **Product Listing Page:** Displays a list of available smart watches with options for sorting and filtering.
- **Shopping Cart:** Allows users to add/remove products, view the total price, and proceed to checkout.
- **Checkout:** Displays the selected products, delivery and billing addresses, and provides a summary of the order.
- **Ratings and Reviews:** Users can provide ratings and reviews for products they've purchased.
- **Recommendations:** Provides product recommendations based on user preferences and browsing history.## Project Structure
The project structure is organized as follows:
- **`/src`:** Contains the source code for the front-end and back-end components.
- **`/frontend`:** Contains the front-end code for the user interface.
- **`/backend`:** Contains the back-end code for handling data, authentication, and business logic.## Getting Started
1. Clone this repository to your local machine.
2. Navigate to the `/res/css` directory to work on the front-end code.
3. Navigate to the `/src/php` directory to work on the back-end code.
4. Follow the README instructions in each subdirectory to set up and run the respective components.## Technologies Used
- Front-end: HTML, CSS, JavaScript, Bootstrap
- Back-end: PHP, MySQL, Maria DB (or your preferred database)
- User Authentication: JWT (JSON Web Tokens), AJAX
- Additional Libraries: [List any additional libraries or frameworks used]## Contributing
If you'd like to contribute to this project, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive commit messages.
4. Push your changes to your forked repository.
5. Open a pull request to this repository's `main` branch.## Database Configuration
All SQL files are stored in `ecommerce_db.sql` that are required to get the details from the backend.
Configure `DB Connection.php` for configuring the database.## How I Created This Website
I did research and went through CRUD and JavaScript documentation, designed a few PHP pages to learn scripting and interaction with the database. Then, I studied well-known e-commerce websites like Amazon and Flipkart. I also did some designing in Figma before finally implementing the website.## License
This project is made as an interview challenge for Hyscaler.Feel free to reach out if you have any questions or suggestions. Happy coding!