📗 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

📖 Portfolio

This is a portfolio project built in html and css.

🛠 Built With

Tech Stack

Client

• HTML
• CSS

Key Features

• Header section added
  • Brand name and menu bar added with some styling
• Headline section added
  • Introduction, description and social links added with some styling
• Mobile first approach implemented
• Project show case feature
  • In this feature different works and project added
• About me feature
  • In this feature introduction and proffesional skills about me added
• Contact form
  • Contact form feature have an input feilds for any one want to be in touch like name, email and message area.
• Desktop version
  • Styling on header, headline, works section, about-me and contact form for the desktop version of different break points done.
  • Background images resized for different break points done
  • Button interaction added
• Transition feature
  • Add transition for nav bar items when we focus and hover (i.e. change the color and font-size with transition effect on items)
  • Add button transition when we focus and hover.
  • Project online version is live on using github pages. Accessibility feature
  • Add accessibility feature for images, form and and link to nav bar. Mobile menu feature
  • Add functionality for mobile menu button
  • Add fucntionality for close button
  • Add style for menu items
    Details popup window feature
  • Add details popup window for mobile and desktop when button clicked to see projects. Contact form validation
  • Add validation for email field so that email must be in lowercase.
• New Feature: Preserve data in web browser
  • Use local storage to add data and get data.
  • On reload the form data will be updated with current data.

(back to top)

🚀 Live Demo

Here is the link for online version of the project

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

• In order to run this project you need: Visual Studio code or any Code Editor

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/biruk-bereka/portfolio-V0.git

Install

Install this project with:

npm install

Usage

Run tests

Deployment

(back to top)

👥 Authors

👤 Biruk Bereka

• GitHub: @biruk-bereka
• LinkedIn:@Biruk Bereka

(back to top)

🔭 Future Features

Future features

• Update the protfolio with feedback

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please star in here on Github

(back to top)

📝 License

This project is MIT licensed.

(back to top)