Skip to content

singh71/Styleka

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ STYLÉKA

STYLÉKA is a stylish, modern e-commerce web platform for fashion shopping. It is designed to provide a smooth and interactive user experience with essential features like a shop, blog, cart, authentication, individual product pages, and more.


📚 Table of Contents


🎯 Introduction

STYLÉKA is a front-end-based fashion e-commerce website, featuring multiple product pages, a user-friendly interface, and dynamic product listings with reviews and ratings. Though currently static, it is structured for easy future backend integration.


✨ Features

  • 🛒 Product Listings with star ratings and prices
  • 🛍️ Individual product pages (15+)
  • 🧾 Cart, and Buy functionality
  • 📝 Blog section
  • 👤 Contact form & team info
  • 💬 Review & Rating display (static currently)
  • 📬 Newsletter subscription
  • 🎨 Fully responsive layout

📁 Directory Structure

STYLEKA/
├── Screenshots
├  ├── about.png
├  ├── blog.png
├  ├── cart.png
├  ├── contact.png
├  ├── home.png
├  ├── shop.png
├── about.html
├── blog.html
├── cancel.html
├── cart.html
├── contact.html
├── index.html
├── login.html
├── register.html
├── shop.html
├── sproduct.html
├── sproduct1.html to sproduct15.html
├── success.html
├── README.md
├── script.js
├── server.js ← placeholder for backend logic
├── style.css

🛠 Tech Stack

  • HTML5 – Semantic markup
  • CSS3 – Custom styles and layout
  • JavaScript – Basic interactivity
  • (Future): Node.js / Express for server-side logic

🧠 System Architecture

Currently front-end only. Future architecture plan:

  User
   │
   ▼
index.html
   │
   ▼
style.css


📸 Screenshots

🏠 Home Page

Home

🛍️ Shop Page

Shop

✍️ Blog Page

Blog

🙋 About Page

About

📞 Contact Page

Contact

🛒 Cart Page

Cart


🚀 How to Use / Run

🌐 Open in Browser Just open index.html in your favorite browser:

start index.html # Windows

or open index.html # macOS ✅ No server or dependency installation is required!


🌐 Community & Support

Channel Purpose GitHub Issues Bug reports, feature requests GitHub Discussions Q&A, ideas, suggestions Discord Real-time chat, pair programming GSSoC Mentors Onboarding help, code reviews


🤝 Contributing

We welcome contributions of all kinds! Fork the repository Create a new branch Make your changes Create a pull request with a meaningful description Please read our CONTRIBUTING.md for detailed guidelines.


📄 License

This project is open source and available under the MIT License.


📝 Reviews & Feedback

We'd love to hear your thoughts!
⭐ Leave a GitHub star if you like the project.
📝 Open an issue to share feedback or suggestions.

🌟 User Rating

★★★★★ (4.9/5)

Rating Badge


🌟 Acknowledgment

This project is a part of GirlScript Summer of Code (GSSoC). We're proud to support first-time contributors and open-source learners!


⭐ If you like this project, don’t forget to star the repo and contribute!

About

GSSoC contribution

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 91.4%
  • CSS 7.8%
  • JavaScript 0.8%