elmejdki / hc_capstone_project

This repo contains a special project which we called in Microverse Capstone project, basically it's a required project at the end of HTML & CSS Curriculum so we can prove that our HTML and CSS skills are strong.

Dari, Find your own house from all over the world.

This website is about allowing users to find rents from all over the world, for now, it is just static but maybe in the future, I will make it dynamic who knows. This project consists of one search Page, a search result Page, and a details Page. I developed all of them on my own using HTML, CSS, and bootstrap. The site is responsive to laptop, tablet, and mobile resolutions. I added a small bit of JS to import a Google maps API on the details page to show where the location of the house to the users.

Project Preview

Project Presentation Video

Built With

• HTML
• CSS
• JS
• Flexbox
• Gid system
• bootstrap

Live Demo

Live Demo Link

Prerequisites

To make this repository working in your local machine you need only a browser.

Authors

👤 Zakariae El Mejdki

• Github: @elmejdki
• Twitter: @zakariae_elmejdki
• Linkedin: zakariae elmejdki

🤝 Contributing

Contributions, issues and feature requests are welcome.

Feel free to check the issues page.

Credits

Thanks to Mathew Njuguna and others on Behance for her awesome design work. I based my work on this design.

Show your support

Give a ⭐️ if you like this project!

License

This project is MIT licensed.

hc_capstone_project's Issues

Peer to peer code review - Hummingbird.

• Good compact code.
• Recommendation: Use more CSS flexbox.
• Good work.
• Check recommended breakpoints. Tablet and desktop view looks the same.
• Nice work.
• Recommendation: Use (icons,svg) instead of images.
• Fix navbar and header on a lower mobile resolution.

peer to peer code review 78 hummingbirds

• try img-fluid on the carousel
• on very small screen it's not align the logo.
• optional: add to Readme the resources pages (logos and images).
• more semantic add (href attribute to the highlight words).
• really good project.
• looks good
• good styling.