Skip to content

JansueT/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

0760138 Β· May 20, 2023
May 20, 2023
Jan 9, 2023
Dec 17, 2022
Jan 5, 2023
Jan 5, 2023
Jan 5, 2023
Jan 5, 2023
Dec 16, 2022
May 20, 2023
May 20, 2023
May 20, 2023
May 20, 2023
May 20, 2023
Mar 10, 2023

Repository files navigation

πŸ“— Table of Contents

πŸ“– Portfolio

Welcome to my interactive web portfolio! This project showcases my skills in front-end web development using HTML, CSS, JavaScript, and a linter for code quality assurance. Through this portfolio, I aim to demonstrate my proficiency in creating visually appealing and functional websites.

Description

For this milestone of my portfolio website, I will implement a popup window that includes the project details in both desktop and mobile. In order to do that, I will need to store the information about my projects in a JavaScript object.

Learning objectives

  • Use basic JavaScript syntax.
  • Use JavaScript to manipulate DOM elements.
  • Use JavaScript events.
  • Understand how to parse a Figma design to create a UI.
  • Use objects to store and access data.

πŸ›  Built With

Tech Stack

Client

Key Features

  • JS.
  • HTML.
  • CSS.
  • Linters.
  • Flexbox.
  • CSS Grid
  • Transitions and Animations

(back to top)

πŸš€ Live Demo

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

Setup

Clone this repository to your desired folder or download the Zip folder:

    "git clone https://github.com/JansueT/Portfolio.git"
  • Navigate to the location of the folder in your machine:
    cd ./desired_folder/

Install all dependencies:

    "npm install"

Usage

To run the project, follow these instructions:

  • You have to clone this repo to your local machine.
  • If you want to run it on your preferred browser, run:
     " Open the index.html in the project directory with your preferred browser"

Run tests

To run tests, run the following command:

  • HTML linter errors run:
npx hint .
  • CSS linter errors run:
npx stylelint "**/*.{css,scss}"
  • For unit testing, run:
npm test

Deployment

You can deploy this project using: GitHub Pages,

(back to top)

πŸ‘₯ Authors

πŸ‘€ JansueT

πŸ‘₯ Collabrations

πŸ‘€ Abbas-Aljuaifari

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

πŸ”­ Future Features

  • Make the site dynamic
  • Add DOM
  • Add CSS preprocessors
  • Add Bootstrap.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project and how I managed to build it!

(back to top)

πŸ™ Acknowledgments

  • Thanks to the Microverse team for the opportunity to make this project.
  • A huge appreciation to my coding partner(s), morning session team, and standup team for their motivational support.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published