- 📖 About the Project
- 💻 Getting Started
- 👥 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.
CSS
- 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.
View the live demo of this project by clicking the text below.
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.
👤 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
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
I would like to thank Microverse for inspiring this project
This project is MIT licensed.