QueenterJuma / My_Portfolio.github.io

[Portfolio_one] The goal of this project is to create a UI personal portfolio site using Figma design and using Flexbox to place element in the page. Also, adding images and background to enhance the look of the website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Microverse README Template

πŸ“— Table of Contents

πŸ“– [Portfolio_one]

[Portfolio_one] The goal of this project is to create a UI personal portfolio site using Figma design and using Flexbox to place element in the page. Also, adding images and background to enhance the look of the website

πŸ›  Built With

-HTML -CSS -JavaScript

Tech Stack

HTML, CSS,JavaScript

Key Features

  • Header
  • Work Section
  • About me
  • Contact me

(back to top)

πŸš€ Live Demo

(back to top)

πŸš€ Loom Video

(back to top)

πŸ’» Getting Started

You can check the repo and see the desgin of the page

Prerequisites

Setup usual dev environment: VSCode, Live Server

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/QueenterJuma/Portfolio_one.github.io.git

Install

Install this project with:

git clone https://github.com/QueenterJuma/Portfolio_one.git

Navigate to the folder

repo-name (Portfolio_one)

Checkout the branch

git checkout master

Usage

To run the project, Run Live Server from VSCode.

Run tests

To run tests, run the following command: npx stylelint "**/*.{css,scss}" in the terminal to check for linters errors

Deployment

You can deploy this project using: Netlify, and some other hosting service: glitch, replit

(back to top)

πŸ‘₯ Author

πŸ‘€ Queenter Juma

πŸ”­ Future Features

  • Portfolio popup window -Form validation -Local storage

(back to top)

Colaborators

-stephenkati -shubhambhoyar077 -Moses-chibuike

🀝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project Give a ⭐️

(back to top)

πŸ™ Acknowledgments

I would like to thank Microverse and my coding partners

(back to top)

❓ FAQ (OPTIONAL)

  • How to make it mobile friendly?

    • Put a viewport tag in the header
  • How to design the site?

    • Draw a mockup before start to code

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

About

[Portfolio_one] The goal of this project is to create a UI personal portfolio site using Figma design and using Flexbox to place element in the page. Also, adding images and background to enhance the look of the website

License:MIT License


Languages

Language:CSS 52.4%Language:HTML 28.2%Language:JavaScript 19.4%