A **stylish & modern fashion e-commerce platform** — built with clean front-end technologies and ready for future backend integration.
- 🎯 Introduction
- ✨ Features
- 📁 Directory Structure
- 🛠 Tech Stack
- 🧠 System Architecture
- 📸 Screenshots
- 🚀 Getting Started
- 🌐 Community & Support
- 🤝 Contributing
- 📄 License
- 📝 Reviews & Rating
- 🌟 Acknowledgment
STYLÉKA is a front-end fashion e-commerce website that delivers a seamless and immersive user shopping experience. With rich product listings, ratings, blog content, and responsive design, it's your ideal fashion storefront template — made for developers and designers alike.
- 🛒 Product Listings with dynamic ratings, prices, and labels
- 🛍️ 15+ Individual Product Pages with images and descriptions
- 🧾 Cart Functionality (static UI with plans for dynamic integration)
- 📝 Fashion Blog to attract and retain customers
- 📬 Newsletter Subscription form
- 👥 Team & About Section with contact form
- 💬 Product Reviews UI
- 📱 Fully Responsive across mobile, tablet, and desktop
STYLEKA/
├── Screenshots/ # App UI screenshots
├── sproduct.html → .sproduct15.html # Individual product pages
├── about.html # About page
├── blog.html # Blog section
├── cart.html # Cart interface
├── contact.html # Contact form
├── index.html # Landing/Home page
├── login.html / register.html
├── shop.html # All products listing
├── script.js # Core JavaScript
├── style.css # Styling
├── server.js # (placeholder for backend)
└── README.md| Tech | Usage |
|---|---|
| HTML5 | Semantic structure |
| CSS3 | Modern layout, custom styles |
| JavaScript | DOM interactivity |
| (Future) Node.js & Express | Backend logic & API integration |
graph TD
A[User] --> B(index.html)
B --> C(style.css)
B --> D(script.js)
B --> E[sproduct.html]
B --> F[cart.html]
🧩 Currently front-end only. Backend endpoints and product databases will be integrated in future milestones.
| 📍 Page | Preview |
|---|---|
| 🏠 Home | |
| 🛍️ Shop |  |
| ✍️ Blog |  |
| 🙋 About |  |
| 📞 Contact |  |
| 🛒 Cart |  |
🖥️ Run Locally in 2 Steps — No installations needed!
# Windows
start index.html
# macOS
open index.html💡 Tip: Use Live Server in VS Code for better dev experience.
| Platform | Purpose |
|---|---|
| GitHub Issues | Report bugs, request features |
| GitHub Discussions | Q&A, tips, suggestions |
| Discord | Live chat & collaboration |
| GSSoC Mentors | Guidance & code reviews |
We 💖 contributions! Here’s how to get started:
# 1. Fork the repository
# 2. Create your branch
git checkout -b feature/your-feature-name
# 3. Make your changes and commit
git commit -m "✨ Added new feature"
# 4. Push and create a PR
git push origin feature/your-feature-name📘 Read CONTRIBUTING.md for complete guidelines.
📝 MIT License — Free to use, modify, and distribute.
⭐ User Rating: 4.9 / 5
We love feedback!
- 💬 Share ideas via Discussions
- 🐞 Report bugs via Issues
- ⭐ Star the repo if you enjoy the project!
🧡 Proud Project of GirlScript Summer of Code (GSSoC) Supporting beginner-friendly contributions and open-source learning for all.
Made with 💕 by SAMBUDAR & contributors