Fithamlak Fikries's Portfolio Page

# 📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 [My-Portfolio]

[My-Portfolio] is a simple and attractive portfoli that used to present ones experiences and skills in attractive and evidence full way. this project is the part of my future full portfolio project

🛠 Built With

html, css specially with flex box concept

Tech Stack

• HTML
• CSS

Key Features

• Responsive pages
• Contact form
• Correct use of the Figma templates on the project.
• Correct use of the linters to have a Html/Css clean code.
• Understand how to parse a Figma design to create a UI.
• Use Flexbox to place elements in the page.
• Use CSS Grid to place elements in the page.
• Build a personal portfolio site.
• Create forms with HTML5 validations.
• Understand the importance of UX.
• Understand how to parse a Figma design to create a UI.
• Understand how to create UIs adaptable to different screen sizes using media queries.
• Use GitHub Pages to deploy web pages.
• Demonstrate ability to ask clarifying questions about ambiguous requirements.
• Use basic JavaScript syntax.
• Use JavaScript to manipulate DOM elements.
• Use JavaScript events.

Getting Started

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

• create empity folde in your lacal envirinment.
• open terminal and run the follwing.

  git clone git@github.com:fithamlak/portfolio.git

Setup

• go to My-portifolio folder one step inside from you cloned
• Go to the main branch.
• Open the index.html file in your browser
• Enjoy it. 😃

Install

n/a

Run tests

To run tests, run the following command:

  npm install

  npx hint .

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

  npx eslint .

🚀 Live Demo

• Live Demo Link

• Loom walkthrough of the project

👥 Authors

Mention all of the collaborators of this project.

👤 Author1

• GitHub: @fithamlak
• Twitter: @FithamlakF
• LinkedIn: LinkedIn

🔭 Future Features

• CSS Frameworks
• will add database and make it full stack

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Please star this project if you like this project.

(back to top)

🙏 Acknowledgments

I would like to thank Microverse and it's community of Micronauts for the opportunity to collobarate, help, support, and valuable feedback through code reviews and pair programming.

(back to top)

❓ FAQ

• Can I re-use your code?

  • Sure, no problem!

• How can I see the project?

  • Just clone the repository as expained in the setup section, and open the index.html file in your preferred browser.

(back to top)

📝 License

This project is MIT licensed

(back to top)