https://github.com/natnaelhhaile/kicks
Full stack shoe online store web application using HTML, CSS, Bootstrap, Javascript, and PHP
https://github.com/natnaelhhaile/kicks
ajax bootstrap5 css3 full-stack full-stack-web-development html5 javascript jquery mariadb mysql php phpmyadmin-database vanilla-php webapp
Last synced: 4 months ago
JSON representation
Full stack shoe online store web application using HTML, CSS, Bootstrap, Javascript, and PHP
- Host: GitHub
- URL: https://github.com/natnaelhhaile/kicks
- Owner: natnaelhhaile
- Created: 2024-06-11T00:04:45.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-02T23:08:30.000Z (about 1 year ago)
- Last Synced: 2025-03-02T23:27:21.288Z (about 1 year ago)
- Topics: ajax, bootstrap5, css3, full-stack, full-stack-web-development, html5, javascript, jquery, mariadb, mysql, php, phpmyadmin-database, vanilla-php, webapp
- Language: PHP
- Homepage:
- Size: 20.1 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 👟 Kicks - Sneaker E-commerce Platform
**Kicks** is a stylish and responsive e-commerce platform designed for sneaker enthusiasts. This e-commerce web app was developed to show case our groups full-stack web development capabilities using HTML/CSS/JavaScript on the front-end and vanilla PHP on the backend, using AJAX for dynamic updation of the front-end without the need to refresh the page.
---
## 🚀 Features
✔️ **Modern UI/UX** – A sleek, mobile-friendly interface with an engaging shopping experience.
✔️ **User Authentication** – Secure login and signup functionalities for personalized shopping.
✔️ **Product Catalog** – Browse and search through a collection of sneakers.
✔️ **Cart & Checkout** – Add products to your cart and proceed to checkout.
✔️ **Contact Support** – Reach out via the contact form for assistance.
---
## 🛠️ Tech Stack
- **Frontend:** HTML, CSS, JavaScript (jQuery)
- **Backend:** PHP
- **Database:** MySQL
- **Containerization:** Docker
- **Tools:** XAMPP (local development)
---
## 📸 Screenshots
### 🌟 Homepage
### 🔑 Login & Signup
### 📞 Contact Us
---
## 📥 Installation
1. Clone the repository:
```sh
git clone https://github.com/natnaelhhaile/kicks.git
cd kicks
```
2. Set up the database using `product.sql`.
3. Configure database credentials in `login.php`.
4. Run the project locally using XAMPP or deploy via Docker.
---
## 🎯 Roadmap
- ✅ Containerize using Docker
- 🔜 Implement Stripe/PayPal payments
- 🔜 Use CloudSQL for handling the MySQL database and deploy using Google Cloud Run
---
## 📧 Authors
- Natnael Haile
- Salman Abdulqadir
- Siem Hagos