Skip to content

Portfolio responsive web app. It has four main sections, a header, a works section, an about me section, and a contact form. It's built with HTML, CSS, responsiveness, basic JavaScript, and some accessibility rules.

License

Notifications You must be signed in to change notification settings

jcmunav63/mv_portfolio2

Repository files navigation

main-logo

Portfolio JCM App - Juan Carlos Muñoz

📗 Table of Contents

📖 [mv_portfolio2 ' Portfolio App]

mv_portfolio2!

mv_portfolio2 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_portfolio2.git

Install

  • Install this project with:
  cd mv_portfolio2

  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

👤 El Mehdi Ahmidou

(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)

About

Portfolio responsive web app. It has four main sections, a header, a works section, an about me section, and a contact form. It's built with HTML, CSS, responsiveness, basic JavaScript, and some accessibility rules.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published