PERSONAL PORTFOLIO PROJECT

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [PERSONAL PORTFOLIO PROJECT]

[Personal Portfolio Project] This is a personal portfolio project where I have implemented the main features of the project using images and backgrounds from Figma template, I have used the main concepts of flexbox layout to design a flexbox responsive layout structure acording to the methodology 'Mobil first'. I have applied the best html, css and javascript code practices.

🛠 Built With

This project was built using: HTML, CSS and JAVASCRIPT

Tech Stack

HTML

CSS

Javascript

Git

Client

• HTML

Styles

• CSS

Language

• CSS

Database

• GIT

Key Features

• [HTML & CSS Best practices]
• [Header Section]
• [Works Section]
• [About Section]
• [Headline Section ]
• [Contact Form Section]
• [Flexbox and Grid to Design flexible responsive layout structure]
• [Mobil First Design ]
• [Deskto Version Design ]
• [Mobile Menu ]
• [Follow GitHub Flow]
• [Use Linters]
• [GitHub Pages]

(back to top)

🚀 Live Demo

• Live Demo Link

💻 Getting Started

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

Prerequisites

To run this project you need the following tools:

• [VS Code ]
• [Git and GitHub ]
• [GitHub Pages]
• [Nodejs ]

Setup

Clone this repository to your desired folder:

 cd Personal-Portfolio-Project
 git clone https://github.com/alyconr/Personal-Portfolio-Project

Setup

  cd my-folder
  git clone git@github.com:myaccount/Personal-Portfolio-Project.git

Install

Install this project with:

Lighthouse run

    npm install -g @lhci/cli@0.7.x

Webhint:

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

Stylelint:

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

Eslint

     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:

Run tests

To run tests, run the following command:

To test the Stylelint linter:

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

To test the Webhint:

    npx hint .

To test the ESLint linter:

    npx eslint .

Deployment

You can deploy this project using your local enviroment.

(back to top)

👥 Authors

JEYSSON CONTRERAS

👤 Author1

• GitHub: @alyconr
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Toolbar]
• [Headline]
• [About-section]
• [Contact-form]
• [Mobile first]
• [Desktop version]
• [ ] [Mobile Menu]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Write a message to encourage readers to support your project

If you like this project please give one start.

(back to top)

🙏 Acknowledgments

Give credit to everyone who inspired your codebase.

I would like to thank my learning teammates and the Microsoft staff to support me all the time.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)