https://github.com/agnii555/globe
Globe, a responsive hotel booking website that allows users to search for hotels, view details, and make reservations.
https://github.com/agnii555/globe
css front-end-development html javascript scss va
Last synced: 3 months ago
JSON representation
Globe, a responsive hotel booking website that allows users to search for hotels, view details, and make reservations.
- Host: GitHub
- URL: https://github.com/agnii555/globe
- Owner: Agnii555
- Created: 2023-12-27T14:42:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-28T05:59:16.000Z (over 1 year ago)
- Last Synced: 2024-12-29T16:32:44.139Z (5 months ago)
- Topics: css, front-end-development, html, javascript, scss, va
- Language: HTML
- Homepage: https://globe-scss.netlify.app/
- Size: 2.89 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Globe
Globe, a responsive hotel booking website that allows users to search for hotels, view details, and make reservations.
# Development
Run `npm run sass-dev` command in the terminal for building the css and the built css will be available under dist/. This command also watches the changes and continously rebuilds the css.
# Requirements
Demonastration of UI development using HTML, CSS/SCSS and JavaScript.
Implementated CSS positioning, Grid layout / Flexbox, and SCSS features like variables, mixins, inheritance, loops, functions, math operations, etc.
Oraganized SCSS into multiple files based on UI features, common elements, and themes.
Added SCSS files to main.scss file and converted to a .css file using sass.
Created modular and concise CSS code using SCSS.
Fixed navbar on the viewport.
Added code documentation using SCSS comments.
Added .gitignore file for node_modules & dist directory, README.md and made multiple Git commits .
Libraries like Bootstrap, JavaScript , inline styles and tables are NOT used.
# Web Page design
