Portfolio

It is a Portfolio website built with HTML, CSS, and JavaScript. It shows information about my experience as a web developer, including the recent works.

The screenshot below is a mobile version of the portfolio.

(back to top)

This portfolio is build with:

• HTML5 markup to build raw structure of this web page


• CSS3 custom properties, FlexBox, Grid to make the website visually attractive


• Javascript for dynamic functionality


• Node JS as a javascript runtime machine [git], a free and open source distributed version control system


• Linter tool that analyzes my source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.

(back to top)

• The project is UI responsive.💯
• The section "recent works" was created dynamically in JavaScript.

(back to top)

Before proceeding to the installation phase, you must ensure that you meet the following prerequisites...

In order to run this project you need:

• A web browser to view output e.g Microsoft Edge.
• The latest Long-term support version of Node js
• An IDE e.g Visual studio code.
• A terminal.

In order to run this project you need to:

• open your code editor
• Clone this repository to your desired folder:

    git clone https://github.com/lily4178993/Portfolio.git

• Navigate to the folder

cd Portfolio

• Checkout the branch

git checkout main

Install all dependencies:

    npm install

To run the project, follow these instructions:

• You have to clone this repo to your local machine.

git clone https://github.com/lily4178993/Portfolio

• If you want to run it on your preferred browser, open index.html or about.html.

How should it be tested? To run tests, run the following command:

• HTML linter errors run:

npx hint . --fix

• CSS linter errors run:

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

• JavaScript linter errors run:

npx eslint . --fix

• For unit testing, run:

npm test

You can deploy this project using: GitHub Pages, Vercel or Netlify.

I used GitHub Pages to host my website. For more information about how to use GitHub pages read here 🤩. If you want to watch a video about how to use GitHub pages instead of reading click here ☺️.

(back to top)

Want to get in touch with me 📲? Here are my social links:

GitHub

---

Twitter

---

LinkedIn

(back to top)

In the near future, I plan to add:

• more recents projects

(back to top)

If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an issue on GitHub. Remember, every contribution, no matter how big or small, makes a difference.

(back to top)

Thank you for taking the time to explore my GitHub project! Your support means a lot to me. If you find my project valuable and would like to contribute, here are a few ways you can support me:

• Star the project ⭐️: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.

• Fork the project 🍴 🎣: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.

• Share with others 🗺️: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.

(back to top)

I would like to express my sincere gratitude to Microverse, the dedicated reviewers, and my partners: kit0-0 and Mike111222. Your unwavering support, feedbacks, and collaborative efforts have played an immense role in making my journey a resounding success. Thank you for being an integral part of my achievements.

(back to top)

This project is MIT licensed.

(back to top)