https://github.com/sehansi-9/rhala-ecommerce
A static e-commerce website
https://github.com/sehansi-9/rhala-ecommerce
animation-css css ecommerce-website html javascript webkit
Last synced: about 1 year ago
JSON representation
A static e-commerce website
- Host: GitHub
- URL: https://github.com/sehansi-9/rhala-ecommerce
- Owner: sehansi-9
- Created: 2024-05-29T17:15:18.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-05-29T17:48:05.000Z (about 2 years ago)
- Last Synced: 2025-02-11T13:55:54.446Z (over 1 year ago)
- Topics: animation-css, css, ecommerce-website, html, javascript, webkit
- Language: HTML
- Homepage:
- Size: 6.55 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rhala Beach Resort Shop
Welcome to the Rhala Beach Resort Shop! This project is a part of the Rhala Beach Resort's initiative to support and conserve Sri Lankan handicrafts and handicrafters. The online shop showcases a variety of handmade products, allowing users to purchase them and support local artists. (Sustainable Development Goal Target 8.9 addresses the need to devise and implement policies to promote sustainable tourism that creates jobs and promotes local culture and products.)
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Setup and Installation](#setup-and-installation)
- [Usage](#usage)
- [Contributing](#contributing)
## Introduction
The Rhala Beach Resort Shop is an e-commerce platform that allows users to purchase handmade Sri Lankan handicrafts. The shop not only provides beautiful and unique products but also supports local artists by providing them a platform to sell their creations.
## Features
- **Product Listing:** Browse a variety of handmade products with detailed descriptions and images.
- **Shopping Cart:** Add products to the cart, update quantities, and view the total price.
- **Checkout Process:** Enter personal and billing information to complete the purchase.
- **Dynamic Pricing:** Prices adjust based on selected options (e.g., size, color).
- **Clear Cart:** Easily remove all items from the cart.
- **Handicrafts Information:** Learn about different types of traditional Sri Lankan handicrafts.
## Technologies Used
- **HTML:** Structure of the web pages.
- **CSS:** Styling of the web pages.
- **JavaScript:** Dynamic functionality and interactivity.
- **FontAwesome:** Icons for the navigation menu and other UI elements.
## Setup and Installation
1. **Clone the Repository:**
```bash
git clone https://github.com/your-username/Rhala-Ecommerce.git
```
2. **Navigate to the Project Directory:**
```bash
cd Rhala-Ecommerce
```
3. **Open the Main Pages in Your Browser:**
- To view the main shop page, open `shop.html`.
- To view the handicrafts information page, open `handicraft.html`.
- Navigate between the pages through hyperlinks.
## Usage
1. **Browse Products:** Navigate through the products listed on the shop page.
2. **Add to Cart:** Select desired options (e.g., size, color) and add products to the cart.
3. **View Cart:** Check the cart to see selected items, quantities, and total price.
4. **Checkout:** Proceed to checkout by entering personal and billing information.
5. **Complete Purchase:** Submit the form to finalize the purchase.
6. **Learn About Handicrafts:** Visit the `handicraft.html` through learn more link in shop page to explore different types of traditional Sri Lankan crafts.
## Contributing
We welcome contributions from the community! Here’s how you can help:
1. **Fork the repository.**
2. **Create a new branch with a descriptive name:**
```bash
git checkout -b feature-name
```
3. **Make your changes and commit them with clear messages:**
```bash
git commit -m "Description of changes"
```
4. **Push your changes to your forked repository:**
```bash
git push origin feature-name
```
5. **Create a pull request describing your changes and why they should be merged.**