Skip to content

riddk13/Styleka

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 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

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

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