Skip to content

Conversation

@ParikhShreya
Copy link
Contributor

@ParikhShreya ParikhShreya commented Oct 18, 2025

This PR adds Modo, a modern, responsive Fashion E-Commerce Frontend Website built using HTML, CSS, and JavaScript.
Users can browse products, filter by category, search items, and manage their shopping cart with an intuitive interface.

New in this version:

The cart now displays product images along with names, quantity, price, and total.

Fully responsive design with modern hover effects and smooth animations.

Dark/Light mode toggle with preference saved in local storage.

⚙️ Top Features

🛍️ Product Grid with Hover Effects – Interactive product cards with smooth animations.

🔍 Smart Search & Category Filter – Filter and search products in real-time.

🛒 Cart Modal with Images – Cart shows product images, names, quantities, and total prices.

💻 Fully Responsive Layout – Works seamlessly on desktop, tablet, and mobile.

🌗 Dark/Light Mode Toggle – User-friendly theme switching stored in local storage.

🎨 Minimal and Modern Design – Clean typography, subtle shadows, and smooth transitions.

⚡ Smooth Animations – Hover effects, modal popups, and dynamic updates.

📦 Add-to-Cart Functionality – Add multiple items, update totals, remove products.

🔧 Easy Extensibility – Modular code for adding more products or categories easily.

🖥️ Cross-Browser Compatibility – Works on Chrome, Firefox, Edge, Safari.

@netlify
Copy link

netlify bot commented Oct 18, 2025

Deploy Preview for webdevin100days ready!

Name Link
🔨 Latest commit 9ce4d51
🔍 Latest deploy log https://app.netlify.com/projects/webdevin100days/deploys/68f648186c9dc300088fb209
😎 Deploy Preview https://deploy-preview-1031--webdevin100days.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

@ParikhShreya
Copy link
Contributor Author

ParikhShreya commented Oct 18, 2025

Hi @ruchikakengal ,
Issue no : #996
I noticed this issue is already assigned, but I found that it might still be open. I’m not sure if it’s currently being worked on, but if the assigned person is unable to complete it, I would love to contribute.

If I’m not allowed to work on it without being officially assigned, I completely understand and apologize in advance.

Meanwhile, I’m sharing a demo link of the changes I’ve made so far, in case you’d like to take a look:
Day 180 : Creativity section

Demo link : https://deploy-preview-1031--webdevin100days.netlify.app/

Thank you for your consideration!

@ParikhShreya ParikhShreya changed the title Added Day 201 : ✨ Modo — Modern Fashion E-Commerce UI Website Added Day 180 : ✨ Modo — Modern Fashion E-Commerce UI Website Oct 18, 2025
@ParikhShreya ParikhShreya changed the title Added Day 180 : ✨ Modo — Modern Fashion E-Commerce UI Website Updated Day 180 : ✨ Modo — Modern Fashion E-Commerce UI Website Oct 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant