Skip to content

This is a project made to showcase stores and markets that sell fresh products but can be easily modified to promote any type of business. This is part of the Microverse technical curriculum as a capstone project for the HTML-CSS module

License

Notifications You must be signed in to change notification settings

mateomh/Store-Finder

Repository files navigation

FRESH FINDER - Grocery store finder

This website was created to help local grocery stores expand their client base by getting their information posted online.

screenshot

The is a responsive site for all the screen sizes, that has a search bar where you can look for your grocery store by name and filter the results by different criteria. Once you find the store you can get a brief description of the business, their contact information, the reviews provided by other users, and finally directions to get there.

The website is designed as template, so you will be able to change the color scheme and the contents in a fast way, so it can showcase any type of business that will need it. It was built with pure HTML and CSS, with the exception of some menus inserted from Bootstrap.

This project was created as a Capstone project for the HTML/CSS module in the Mircoverse curriculum

Built With

  • HTML / CSS,
  • Bootstrap,
  • Flexbox and Grid combined with media queries

Live Demo

FRESH FINDER Live Demo

Setup

To get a copy of this website on your computer, you just have to clone the repository and open the index.html file in your browser.

Usage

When you open the index.html, a welcome page will show, asking you for a search term, and further down will explain the website, its features, and the contact information.

After clicking the search button, you are taken to the results page, where you can see the results and filter them according to your needs. For every result, you will see a picture of the business, a name, and a description for it.

By clicking on any result, the information page will display the full information from that business, like the location and contact details.

Deployment

To deploy the site just go to any hosting of your preference and then copy all the .html the css and images folder

Author

👤 Mateo mojica

🤝 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

  • Bootstrap
  • Microverse
  • W3schools
  • Fontawesome

📝 License

The images and some of the icons used on this page have authors that deserve credit for creating them. The following are the different authors that contributed in some way in the creation of this page:

Photos:

Mehrad Vosoughi on Unsplash

nrd on Unsplash

Alexas_Fotos from Pixabay

Blake Wisz on Unsplash

Clay Banks on Unsplash

henry perks on Unsplash

Capturing the human heart. on Unsplash

Mike Petrucci on Unsplash

Artem Gavrysh on Unsplash

Fikri Rasyid on Unsplash

Nathália Rosa on Unsplash

Rob Maxwell on Unsplash

Hobi industri on Unsplash

Mehrad Vosoughi on Unsplash

Icons

Freepik from www.flaticon.com

surang from www.flaticon.com

Kiranshastry from www.flaticon.com

Prosymbols from www.flaticon.com

iconixar from www.flaticon.com

This project is MIT licensed.

About

This is a project made to showcase stores and markets that sell fresh products but can be easily modified to promote any type of business. This is part of the Microverse technical curriculum as a capstone project for the HTML-CSS module

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published