Tobuya Portfolio

📗 Table of Contents

• 📗 Table of Contents
• 📖 Portfolio
  • 🛠 Built With
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Portfolio

This is a portfolio repository built from a Figma design for desktop and mobile version to demonstrate Responsive Web Design using CSS Flex layout, CSS Grid layout and HTML, and added interactivity using JavaScript.

🛠 Built With

• HTML
• CSS
• JavaScript

Key Features

• Responsiveness
• Interactivity

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

Install Nodejs by the command:

 npm install -g npm

Setup

Clone this repository to your desired folder:

  cd my-desired-folder
  git clone git@github.com:tobuya/Portfolio.git

Install

Set up Webhint, Stylelint, and ESLint in your local environment:

  cd my-desired-folder

  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

• Webhint is acustomizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors.

• Stylelint is a mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

• ESLint is a mighty, modern linter that helps you avoid errors and enforce conventions in your JavaScript.

Run tests

To run tests, run the following command:

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

(back to top)

👥 Authors

👤 Thomas Obuya

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Nezerwa Eligrand

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Lengushuru Charles

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Emmanuel Somarib

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Add Data Science Exhibition Project]
• [Add Microverse Capstone Project 2]
• [Add Microverse Capstone Project 3]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

I would like to thank Microverse, my coding partners and the Figma template designer.

(back to top)

📝 License

This project is MIT licensed.

(back to top)