Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/open-source-chandigarh/heritage-threads
https://github.com/open-source-chandigarh/heritage-threads
css html js vercel
Last synced: 13 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/open-source-chandigarh/heritage-threads
- Owner: Open-Source-Chandigarh
- Created: 2024-10-01T04:54:23.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2024-10-30T07:05:12.000Z (18 days ago)
- Last Synced: 2024-11-04T14:03:41.801Z (13 days ago)
- Topics: css, html, js, vercel
- Language: HTML
- Homepage: https://heritage-threads.vercel.app
- Size: 20.7 MB
- Stars: 1
- Watchers: 2
- Forks: 14
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Code of conduct: Code_Of_Conduct.md
Awesome Lists containing this project
README
# Heritage Threads
**Heritage Threads** is a modern ethnic Indian fashion website that showcases traditional Indian wear. The site is designed with smooth animations and a clean, responsive layout, providing users with an engaging experience as they explore diverse ethnic fashion collections.
## Features
- **Smooth Animations**: The website uses GSAP for animations to enhance user engagement with creative and dynamic interactions.
- **Carousel and Sliders**: Swiper JS is integrated for responsive and customizable sliders, perfect for showcasing fashion collections.
- **Tailwind CSS**: Responsive design using utility-first CSS framework to ensure the site looks great on all devices.
- **Interactive UI**: The website offers smooth scroll-triggered animations and stylish transitions.
## Demo
You can view the live site here: https://heritage-threads.vercel.app/
## Technologies Used
- **HTML**: For structuring the web pages.
- **JavaScript**: For adding interactivity and logic.
- **GSAP**: For creating smooth animations and transitions.
- **Tailwind CSS**: For responsive and utility-first styling.
- **Swiper JS**: For image sliders to showcase collections effectively.
## Installation
1. Clone the repository: `git clone [email protected]:HarshBti/HeritageThreads.git`
2. Navigate to the repositry : `cd HeritageThreads`
3. Further Navigate to home repositry: `cd Home`
4. Run the Project : Open the index.html using live server.
## Key Components
1. Animations: Scroll animations trigger effects on different sections of the page using GSAP’s ScrollTrigger plugin, including fade-ins, slides, and reveal effects.
2. Swiper Gallery: Fashion collections are displayed using Swiper JS for a responsive, touch-friendly carousel.
## Future Improvements
1. Product Filters: Add category filters for users to explore specific types of ethnic fashion (sarees, kurtas, lehengas, etc.).
2. E-commerce Integration: In the future, an integrated shopping cart and payment gateway could be added to transform the website into a full-fledged e-commerce platform.
3. Backend Integration: Implement a backend for dynamic content management and product updates.
## Contributing
We appreciate your interest in contributing to **Haritage Threads**. Here's how you can get started:
0. **Find Issues or Create your Own** We appreciate you solving existing issues in the repository in the issues tab or to create new
1. **Fork the Repository:** Click the "Fork" button at the top of this repository to create a copy in your GitHub account.
2. **Clone Your Fork:** Clone your fork to your local machine with `git clone`.
```
git clone https://github.com//Haritage-Threads.git
```
3. **Change the working directory:**
```
cd Haritage-Threads
```
4. **Add an upstream link to the main branch in your cloned repo:**
```
git remote add upstream https://github.com//Haritage-Threads.git
```
5. **Keep your cloned repo up to date by pulling from upstream (this will also avoid any merge conflicts while committing new changes):**
```
git pull upstream main
```
6. **Create a New Branch:** Make a new branch for your work with a descriptive name.
```
git checkout -b
```
7. **Make Changes:** Implement your desired feature or fix a bug.
8. **Track and stage your changes:**
```
git status
```
9. **Add all the required changes:**
```
git add .
```
10. **Commit all the changes (Write commit message as "Small Message"):**
```
git commit -m ""
```
11. **Push the changes for review:**
```
git push origin
```
12. **Open a Pull Request:** Create a pull request from your fork to this repository. Provide a concise title and description.
We'll review your contribution and collaborate to merge it into the project. Please adhere to our code of conduct and guidelines.
If you have questions or need assistance, feel free to open an issue.
## License
This project is licensed under the MIT License.
`You can adapt this further based on any additional features or specific details of the Heritage Threads project.`