Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iturres/ferrari-racing-website
🏁 Ferrari Racing Website is a mockup website to practice markup, styles and dynamic markup injection, Understanding Medium-fidelity wireframes, follow written requirements (e.g. user stories), and much more. Microverse's Module 1 - Capstone Project. Check it out! 👇
https://github.com/iturres/ferrari-racing-website
bootstrap5 css eslint html javascript stylelint webhint
Last synced: 17 days ago
JSON representation
🏁 Ferrari Racing Website is a mockup website to practice markup, styles and dynamic markup injection, Understanding Medium-fidelity wireframes, follow written requirements (e.g. user stories), and much more. Microverse's Module 1 - Capstone Project. Check it out! 👇
- Host: GitHub
- URL: https://github.com/iturres/ferrari-racing-website
- Owner: ITurres
- License: other
- Created: 2023-05-19T16:25:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-26T05:10:17.000Z (over 1 year ago)
- Last Synced: 2024-10-02T13:41:23.477Z (about 1 month ago)
- Topics: bootstrap5, css, eslint, html, javascript, stylelint, webhint
- Language: HTML
- Homepage: https://iturres.github.io/Ferrari-Racing-Website/
- Size: 8.19 MB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Ferrari Racing Website
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)**Ferrari Racing Website** is a mockup website to practice markup, styles and dynamism.
#### The learning objectives cover on this project were:
- Understand how to use medium-fidelity wireframes to create a UI.
- Follow written requirements (e.g. user stories).
- Use semantic HTML tags.
- Apply best practices in HTML code.
- Use CSS selectors correctly.
- Use CSS box model.
- Use Flexbox and Grid to place elements in the page.
- Use images and backgrounds to enhance the look of a website.
- Demonstrate ability to create UIs adaptable to different screen sizes using media queries.
- Use GitHub Pages to deploy web pages.
- Apply JavaScript best practices and language style guides in code.
- Use JavaScript to manipulate DOM elements.
- Use JavaScript events.
- Use objects to store and access data.Markup
Styles
Dynamic
- **Mobile Menu**
- **Dynamic injection of HTML Markup**
- [Live Demo Link](https://iturres.github.io/Ferrari-Racing-Website/)
- [Project Presentation](https://www.youtube.com/watch?v=MwchrxBacKc)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Not applicable
### Setup
Clone this repository to your desired folder:
Example commands:
```sh
cd my-folder
git clone [email protected]:ITurres/Ferrari-Racing-Website.git
```
### Install
Install this project with:
- Not applicable
### Usage
To run the project, execute the following command:
- Not applicable
### Run tests
To run tests, run the following command:
- Not applicable
### Deployment
You can deploy this project using:
- LiveServer or the like.
👤 **Author1**
- GitHub: [@ITurres](https://github.com/ITurres)
- Twitter: [@Arthur_ITurres](https://twitter.com/ArthurIturres)
- LinkedIn: [Arthur Emanuel G. Iturres](https://www.linkedin.com/in/arturoemanuelguerraiturres/)
- [ ] **See More `button` for the 'Upcoming Races Section'**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a ⭐ if you liked this project!
Original [design](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015) idea by [Cindy Shin](https://www.behance.net/adagio07) in Behance.
Content and Images of and from [Ferrari](https://www.ferrari.com/en-AR/formula1).
This project is [MIT](./LICENSE) licensed.
---