Skip to content

A full-stack e-commerce web app for sneakers using HTML, CSS, Bootstrap, Javascript, and PHP.

Notifications You must be signed in to change notification settings

natnaelhhaile/Kicks

Repository files navigation

👟 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

image image image image image

🔑 Login & Signup

image image image

📞 Contact Us

image

📥 Installation

  1. Clone the repository:
    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