First milestone in the process of creating my portfolio website:Build a personal portfolio site. Understand how to parse a Figma design to create a UI. -
--
Things done so far in the project:
- Parse a Figma design
- Use Flexbox for positioning
- Use images and backgrounds
- Use Grid alongside Flexbox for positioning
- Add button hover and pressed effects
- Pair program with a coding partner
- Use HTML5 validation
- Collect form data using Formspree
- Use media query for desktop view
- Use desktop-specific classes to show/hide elements depending on view
- Display desktop sections fully in viewport height
- Use CSS transitions
- Use CSS animations
- Use GitHub pages to deploy website
- Major languages: HTML, CSS
- Technologies used: Lighthouse, Webhint, Stylelint
- Understand how to parse a Figma design to create a UI.
- Flexbox to place elements in the page.
- Build a personal portfolio site.
- Use images and backgrounds to enhance the look of the website.
- Major languages
- HTML
- CSS
- Frameworks
- None
- Technologies used
- Git
- GitHub
- Lighthouse, Webhint, Stylelint
This project can be run either from a local copy of the files (in it's directory structure) or by accessing it through a WEB server if it is installed as content for one.
To get a local copy up and running follow these simple steps:
- Go to the repository page.
- Press the "Code" button and copy the link.
- Clone it using git command
git clone <link>.
Just access the index.html file through the browser or access the webserver where it has been deployed through the browser
👤 Joseph Ogbole
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐ if you like this project!
- Hat tip to anyone whose code was used
- Inspiration
- etc
This project is MIT licensed.