https://github.com/ebeagusamuel/capstone-project
https://github.com/ebeagusamuel/capstone-project
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ebeagusamuel/capstone-project
- Owner: ebeagusamuel
- License: mit
- Created: 2020-05-01T10:38:33.000Z (about 5 years ago)
- Default Branch: f-FMAS
- Last Pushed: 2020-05-04T12:28:28.000Z (about 5 years ago)
- Last Synced: 2025-02-07T20:51:15.398Z (4 months ago)
- Language: HTML
- Size: 904 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# FindMeAHotel website
##[HTML & CSS Capstone]
This website was created for my HTML & CSS capstone Microverse project.
In this project, I built a webpage using only html and css and no framework or preprocessor.
It is a simple webpage which is to serve as a hotel directory website, where people living within the sabon-gari area of kano state Nigeria can use to search for hotels when thhey want to lodge.
Basically it has 3 pages:
- the main page, from where you can search for hotels.
- the search result page, where the result of available hotels are returned.
- the details page, where more details of a particular hotel is displayed.
#### Mobile view of the main page
#### Desktop view of the main page
## Built With
- HTML
- SCSS
## Live Demo
[Live Demo Link](https://raw.githack.com/ebeagusamuel/Capstone-project/f-FMAS/pages/main.html)
## Video Preview
[Video Preview Link](https://www.loom.com/share/c60a90e022564af2bbba3018353e628a)
## Getting Started
To get a local copy up and running follow these simple example steps.
- Clone or download this repository to your local workstation.
### Prerequisites
there are no prerequisits to run the project. but if you want to work on it make sure you have the following installed in your global evnviroment
- [npm](https://www.npmjs.com/products/teams?utm_source=adwords&utm_medium=ppc&utm_campaign=npmTeams2019Q2&utm_content=site&gclid=Cj0KCQjwyPbzBRDsARIsAFh15JaJyPdeb-Q11Rq-LMaulSWINd6PYdJQ2OkZyE75reyBcpnnmwPrgRoaAv_5EALw_wcB)
- [npx](https://www.npmjs.com/package/npx)
### Install
for development make sure you run the following command before you start working on the project
`npm install`
this will install all the packages used for development purpose, mainly `stylint`, `preetier`, `html-validator`, that will be used for development purpose.
### Usage
enter the directory where you cloned or downloaded the project and open index.html file using your favorite browser
## Author
👤 **Ebeagu Samuel**
- Github: [@ebeagusamuel](https://github.com/ebeagusamuel)
- Twitter: [@ebeagu_samuel](https://twitter.com/ebeagu_samuel)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](lic.url) licensed.
## Acknowledgment
majority of the website was based on the designed from [Mathew Njuguna and Sam Achola in Behance](https://www.behance.net/gallery/25563385/PatashuleKE)
which you can find at [behance](https://www.behance.net/gallery/25563385/PatashuleKE). and i would like to thank
[Mathew Njuguna and Sam Achola in Behanc](https://www.behance.net/adagio07) for letting me use this awesome design.