Skip to content

guirecordon/onlineshop

Repository files navigation

Online Shop - HTML & CSS Microverse Capstone Project

Capstone projects are solo projects at the end of each of the Microverse Main Technical Curriculum sections. They're also timed and the final work expected to be submitted in 72 hours. This one consists of building an online store having certain design constraints. I'm expected to draw inspiration from the following:

Design Idea by Mohammed Awad on Behance

Here's a link to the material that inspired this project: https://www.behance.net/gallery/24796463/ZATTIX

I chose to create an art gallery store from which one could buy replicas of the original art work displayed. The single coolest thing I walked away with from this project was the ability to manipulate images in a truly responsive way. I did it using this trick/method sometimes referred to as the Netflix trick. I even wrote an article about it explaining the details of its application. You can read it on Hackernoon

Keep scrolling for screenshots of the page and a live demo.

Desktop view Main Page

desktop top screenshot

desktop center screenshot

screenshot main desktop bottom

Desktop view Search Results Page

screenshot search desktop top

screenshot search desktop bottom

Tablet view

tablet main center

Mobile View Main Page

screenshot main mobile top

screenshot main mobile bottom

Mobile View Search Results Page

screenshot search mobile top

screenshot search mobile bottom

Built With

  • CSS Flex and Grid,
  • HMTL.

Live Demo

Live Demo Link - Main page

Live Demo Link - Search results page

Author

👤 Guilherme Recordon

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Design Idea by Mohammed Awad on Behance

Here's a link to the material that inspired this project: https://www.behance.net/gallery/24796463/ZATTIX

About

HTML & CSS project: Online shop for electronics.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published