A Personal Portfolio Site

• 📖 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
• 📝 License

A Personal Portfolio Site is a responsive, functional and very aesthetic website designed and developed to help a talent showcase his / her capabilities to recruiters, managers, work partners and mentees. This website comes with a vibrant and engaing UI. An excellent job was done on the User Experience of this website to make a talent's work very appealing to any recruiter. It contains all the necessary sections recruiters expect to see. The structure is a well organized. The style tone is professional. Both style and content can be tweaked to suit the talent's preferences.

• Mobile Friendly : this website performs well on a mobile device like a phone or tablet.
• Desktop Friendly: this website is responsive to desktop screen sizes.
• Simple and Attractive Design : the UI / UX is engaging and appealing.
• Functional : this website is accessible, easy to navigate, and helpful for users.
• **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.
• ** PopUp windows **: this features add to see the project details about each project in popup windows.
• ** Form validation **: this features validate the email should be lowercase for portfolio contact.

(back to top)

View the live demo of this project by clicking the text below.

• See Live Demo
• First Presenation Video

(back to top)

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

Clone the repository

git clone https://github.com/geekelo/a-personal-portfolio-site.git

And you are ready to begin your project

This project contains An HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage A CSS FILE (free to edit) - file that contains css codes to style the webpage A GIT IGNORE FILE (free to edit) - to hide personal or private files HTML/CSS LINTER FILES (should not edit) - Do not make changes AN EMPTY JAVASCRIPT FILE (free to edit)

You should have Node and Git Installed You should have basic knowledge on HTML / CSS You should have a code editor

Download install VSCODE and Git To install linters, execute the following commands:

Initialize npm | ``` npminit -y ```
HTML | ``` npm install --save-dev [email protected] ```
CSS | ```npm install --save-dev [email protected] [email protected] [email protected] [email protected]  ```

To run the linters, execute the following command and fix linter errors:

HTML | ``` npx hint . ```
CSS | ```npx stylelint "**/*.{css,scss}" ```
If you get a flood of errors keep in mind that linters guide you in writing a clean code!

You can run this program on your browser

You can deploy this project using the following procedure:

• Pick the right hosting provider.
• Choose the tool and method to upload your website.
• Upload files to your website.
• Move the website files to the main root folder.
• Import your database.
• Check if your website works worldwide.

(back to top)

(back to top)

👤 Eloghene Otiede

• GitHub: @geekelo
• Twitter: @Geekelo_xyz
• LinkedIn: LinkedIn

👤 Uwimbabazi Dorcas (Contributor)

• GitHub: @Dorcas126
• Twitter: Dorcasuwi
• LinkedIn: uwimbabazi Dorcas

👤 Melkamu Alemawu (Contributor)

• GitHub: @melkamu12
• LinkedIn: melkamu-almawu

(back to top)

You can offer Contributions, submit an issue, and make a feature request.

• Add the pop up modal
• Add the accessiblity
• Add functionality using Javascript and Bootstrap.

Please give a ⭐️ to support this project

(back to top)

I would like to thank Microverse for inspiring this project

(back to top)

This project is MIT licensed.

(back to top)