LMW is an innovative and user-friendly web application designed to provide residents and visitors of Los Angeles with a comprehensive and interactive experience related to the stunning mountain ranges that surround the city. This application serves as a valuable resource for exploring, enjoying, and staying informed about the Los Angeles mountains. Head to the LIVE DEMO SECTIOON for Live links and presentations
CSS | BootStrap
- Mobile Friendly : this website performs well on a mobile device like a phone or tablet.
- Desktop Friendly: this website is responsive to desktop screen sizes.
- Simple and Attractive Design : the UI / UX is engaging and appealing.
- Functional : this website is accessible, easy to navigate, and helpful for users.
- **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.
View the live demo of this project by clicking the text below.
To get a local copy up and running, follow these steps.
Clone the repository
git clone https://github.com/geekelo/losangeles-mountains-website.git
And you are ready to begin your project
This project contains An HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage A CSS FILE (free to edit) - file that contains css codes to style the webpage A GIT IGNORE FILE (free to edit) - to hide personal or private files HTML/CSS LINTER FILES (should not edit) - Do not make changes A JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML
You should have Node and Git Installed You should have basic knowledge on HTML / CSS / JavaScript You should have a code editor
Download install VSCODE and Git To install linters, execute the following commands:
Initialize npm | ``` npminit -y ```
HTML | ``` npm install --save-dev [email protected] ```
CSS | ```npm install --save-dev [email protected] [email protected] [email protected] [email protected] ```
To run the linters, execute the following command and fix linter errors:
HTML | ``` npx hint . ```
CSS | ```npx stylelint "**/*.{css,scss}" ```
If you get a flood of errors keep in mind that linters guide you in writing a clean code!
You can run this program on your browser
You can deploy this project using the following procedure:
- Pick the right hosting provider.
- Choose the tool and method to upload your website.
- Upload files to your website.
- Move the website files to the main root folder.
- Import your database.
- Check if your website works worldwide.
๐ค Eloghene Otiede
- GitHub: @geekelo
- Twitter: @Geekelo_xyz
- LinkedIn: LinkedIn
- See Documentation of Author's inputs
You can offer Contributions, submit an issue, and make a feature request.
- Add pop up modals
- Add the contact form
- Add more content pages
Please give a โญ๏ธ to support this project
I would like to thank COALITION TECHNOLOGIES for inspiring this project Original design idea by COALITION TECHNOLOGIES.
This project is MIT licensed.