/mv_portfolio_jcm

Portfolio responsive web app. It has four main sections, a "hero" section, a "works" section, an "about me" section, and a "contact me" form. It's built with HTML, CSS, and JavaScript. It's responsive and includes some accessibility features.

Primary LanguageCSSOtherNOASSERTION

main-logo

Portfolio JCM App - Juan Carlos Muñoz

📗 Table of Contents

📖 [mv_portfolio_jcm - Juan Carlos Muñoz' Portfolio.]

mv_portfolio2!

mv_portfolio_jcm It's a Portfolio responsive web app! This is Juan Carlos Muñoz' Portfolio App. It includes four sections, the "hero", the "works", the "about me", and the "contact me" sections. It was developed wit HTML, CSS, and JavaScript. It is intended to be responsive and accessible.

🛠️ Built With

Tech Stack

  • HTML
  • CSS
  • JAVASCRIPT

Key Features

  • Good HTML and CSS practices
  • A webpage with the use of linters
  • Flexbox & Grid
  • Responsive Web Design
  • Interactivity with JavaScript

(back to top)

Live Demo

🚀 Live Demo Link to our deployed project.

💻 Getting Started

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

Prerequisites

In order to run this project you need the following tools:

  • A modern web browser (Chrome, Firefox, Safari, Edge).
  • An IDE (e.g.: Vscode, Sublime Text,...).
  • A terminal (Git Bash).

Setup

Clone this repository to your desired folder by running the following commands in your terminal:

  cd your-prefered-folder-name
  
  git clone https://github.com/jcmunav63/mv_portfolio_jcm.git

Install

  • Install this project with:
  cd mv_portfolio_jcm

  npm init -y

  npm install --save-dev hint@7.x

  npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

  npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Usage

To run the project, execute the following command:

  Open the project in live server (VS Code) or Open the index.html file on your browser.

Run Linters tests

To run tests, run the following command:

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

  npx eslint . --fix

Deployment

🚀 Live Demo Link to our deployed project.

👥 Authors

👤 Juan Carlos Muñoz

(back to top)

🔭 Future Features

  • Data validation with JavaScript
  • Data preservation using Local Storage in the browser

(back to top)

🤝 Contributing

All contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐ Show your support

If you like this project, please support me with a like or a star.

(back to top)

🙏 Acknowledgments

Thanks to my learning partners and the staff at Microverse.

(back to top)

📝 License

This project is MIT licensed.

(back to top)