My Portfolio

Microverse Project <a name="readme-top"></a>

<div align="center"> <h3><b>Portfolio</b></h3> </div>

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Usage
• 👥 Authors
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Portfolio - Mobile Menu] <a name="about-project"></a>

[Portfolio - Mobile menu] is a project for the full time program in Microverse in which we apply JavaScript best practices.

🛠 Built With <a name="built-with"></a>

Tech Stack <a name="tech-stack"></a>

• Git
• HTML
• CSS
• JavaScript

Used HTML, CSS, JavaScript to work on this project and Linters configuration provided by Microverse.

<details> <summary>Portfolio</summary> <ul> <li><a href=["(https://github.com/microverseinc/curriculum-html-css/blob/main/portfolio/sneak_peek.md">Linters Config</a></li> </ul> </details>

💻Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• A computer with an internet connection
• A web browser

Setup

Clone this repository to your computer

Usage

To run the project, execute the "index.html" file in your browser

<p align="right">(<a href="#readme-top">back to top</a>)</p>

Key Features <a name="key-features"></a>

An exercise to create a portofolio mobile first aproach with media queries for desktop version and JavaScript.

• [Use of Linters]
• [Mobile first approach]
• [Navigation and mobile menu]
• [Hero Section]
• [Project Section]
• [About Section]
• [Contact form]
• [Footer Section with Social Media links]
• [Desktop Version]
• [Deploy using Github Pages]
• [Accesibility tested]
• [Mobile menu implemented with JavaScript]
• [Modal Window implemented with JavaScript]
• [Form Validation]

<p align="right">(<a href="#readme-top">back to top</a>)</p>

🚀 Live Demo <a name="live-demo"></a>

• Loom Walkthrough Video

• Live Demo Link

<p align="right">(<a href="#readme-top">back to top</a>)</p>

👥 Authors <a name="authors"></a>

👤 Maedea9

• GitHub: @maedea9
• Twitter: @MelanieCascant6
• LinkedIn: LinkedIn

👤 benja27

• GitHub: @benja27

👤 danifromecuador

• GitHub: @danifromecuador

👤 oscar-byte15

• GitHub: @oscar-byte15

🔭 Future Features <a name="future-features"></a>

• [ ] [Real projects!]

<p align="right">(<a href="#readme-top">back to top</a>)</p>

🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

<p align="right">(<a href="#readme-top">back to top</a>)</p>

⭐️ Show your support <a name="support"></a>

If you like this project you can follow my work through my social networks

<p align="right">(<a href="#readme-top">back to top</a>)</p>

🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank Microverse, my Coding partners who helped me throughout this difficult week, Standup Team and Morning Sessions Team for supporting me.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

📝 License <a name="license"></a>

This project is MIT licensed.

<p align="right">(<a href="#readme-top">back to top</a>)</p>