A multi page Portfolio website for babboeCodes, built with HTML, CSS and JavaScript(Vanilla), It was built with a lot of animations and features that makes it very Interactive such as toggle-dark-mode and lots more, It definitely serves its purpose for what is intended for. Design inspirations were gotten from a some community designs on figma, Links are below
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- browse and move through the pages from any of the webpages
- Click and download CV/resume on the "Download CV" button
- Click the "More works" to go to works page
- Click the "View on Github" to go to Github repositories
- Flip project tile and click to view Live link
- fill and submit form on Contact page
- Locate author on the map (using development mode maps api)
- fill email input and send
- Contact author through social media links
Below is a preview of the babboeCodes portfolio website on desktop view
- Live Site URL: babboeCodes
Below is a lighthouse performance test score of the website Homepage
- Semantic HTML5 markup
- CSS custom properties
- Flexbox & Grid
- CSS animations
- JavaScript (vanilla)
- Figma
- Mobile-first workflow
- Google maps API
- LinkedIn - Ayodele Abiola
- Twitter - @ausstinab