Skip to content

vallabhalabs/GiftMyWay

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

176 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎁 GiftMyWay

A clean, responsive, and user-friendly static website for a conceptual online gift store. This project showcases a catalog of gift ideas, categorized for easy browsing.

🚀 View the Live Demo: https://lakshitaagg15.github.io/GiftMyWay/


📸 Project Preview

✨ Features

  • 🧑‍🤝‍🧑 Categorized Gifting Options — Browse gifts for Men, Women, and Kids.
  • 🎨 Custom Gift Section — Create a personalized gift experience.
  • 📱 Clean and Responsive UI — Simple layout designed for easy navigation.
  • 💡 Static Website — Lightweight and beginner-friendly project to understand basic web structure.

🚧 Project Goals & Future Features (To-Do)

This project is a work in progress. The current version establishes the front-end design (HTML/CSS/JavaScript). The next steps involve bringing the site to life with more ehnacements:

  • [ ] Dynamic Cart: Implement "Add to Cart" functionality using JavaScript and localStorage to store items.
  • [ ] Custom Gift Builder: Build out the interactive "Customize Your Gift" page, allowing users to select multiple items to create a personalized gift box.
  • [ ] Dynamic Product Rendering: Refactor the hard-coded HTML items into a products.json file and use JavaScript to fetch and display them on the page.
  • [ ] Client-Side Search: Add a search bar to filter products in real-time.
  • [ ] Item Modals: Create pop-up "modals" for each item to show more details and a description.

💻 Tech Stack

Technology Purpose
HTML5 Structure of the website
CSS3 Styling and layout
JavaScript (vanilla) Interactivity (for future updates)

🔧 Getting Started

To run this project locally, simply clone the repository and open the index.html file in your web browser.

  1. Clone the repository:

    git clone [https://github.com/LakshitaAgg15/GiftMyWay.git](https://github.com/LakshitaAgg15/GiftMyWay.git)
  2. Navigate to the project directory:

    cd GiftMyWay
  3. Open index.html in your browser.

🤝 How to Contribute

This is a personal learning project, but contributions and suggestions are welcome! If you have ideas for improvement or want to help implement the features listed above, feel free to:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/YourAmazingFeature).
  3. Make your changes and commit them (git commit -m 'Add some AmazingFeature').
  4. Push to the branch (git push origin feature/YourAmazingFeature).
  5. Open a Pull Request.

You can also simply open an issue to share your feedback or ideas.

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 79.7%
  • CSS 18.1%
  • JavaScript 2.2%