/microverse-curriculum-html-css

This repo contains my portfolio and a selection of projects and works that I have completed. Feel free to explore these projects and know me better.

Primary LanguageHTML

Microverse Portfolio

📗 Table of Contents

📖 [Microverse Portfolio]

[Microverse Portfolio] This repo contains my portfolio and a selection of projects and works that I have completed. Feel free to explore these projects and know me better.

🛠 Built With

Tech Stack

My Portfolio's tech stack included a combination of HTML and CSS to structure and style the content of my web pages. HTML provided the foundation for organizing the page's structure, while CSS added visual design elements, such as colors, fonts, and layouts. Additionally, I used Figma, a user interface design tool, to create a visual representation of the web pages before starting to code in HTML and CSS. Figma allowed me to explore different design options and iterate on the page's layout and elements before committing to a final design.

Client

Key Features

  • [Modern UI Design]
  • [Valid HTML5 & CSS3]
  • [Fully Responsive]

(back to top)

🚀 Live Demo

  • [Coming Soon]

(back to top)

💻 Getting Started

These instructions will allow you to obtain a copy of the project on your local machine for development and testing purposes. See deployment for additional notes on how to deploy the project on a live system.

Prerequisites

In order to run this project you need: Git and Node.js (which comes with NPM) installed on your computer.

node@v16.4.2 or higher
npm@7.18.1 or higher
git@2.30.1 or higher

Also, you can use Yarn instead of NPM ☝️

yarn@v1.22.10 or higher

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/PabloBona/microverse-curriculum-html-css.git

Install

Install this project with:

  cd microverse-curriculum-html-css
  npm install

Usage

To run your project locally use the live server feature in Visual Studio Code or open the index.html file in the browser.

Run tests

To run tests, run the following command:

  npx hint .
  npx stylelint "**/*.{css,scss}"

Deployment

After completing your setup, it's time to make your website available online! I strongly suggest using Netlify, as it's incredibly simple to use.

(back to top)

👥 Authors

👤 Pablo Bonasera

(back to top)

🔭 Future Features

  • [Add contact form]
  • [Improve desktop version]
  • [Add animations and transitions]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you found this project useful, please consider giving it a star on GitHub to show your support and help us reach a wider audience.

(back to top)

🙏 Acknowledgments

Nicolas Alvarez, for his mentorship and guidance throughout the development process.

(back to top)

📝 License

This project is MIT licensed.

(back to top)