- About the Project
- 💻 Getting Started
- Author
- Future Features
- Contributing
- Show your support
- Acknowledgements
- License
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.
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.
- The project is UI responsive.💯
- The section "recent works" was created dynamically in JavaScript.
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 installTo 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
Want to get in touch with me 📲? Here are my social links:
In the near future, I plan to add:
- more recents projects
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.
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.
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.
This project is MIT licensed.