My Portfolio

#vue #programming #pwa #portfolio

A lot has been said concerning having a portfolio as an engineer, I am a self-taught website developer and Engineer. I have passion for programming and technology. I am a huge fan of mobile responsive web applications, conversant with Node, Vue, React, Python, MySQL, PostgreSQL, Microsoft Excel, Word, PowerPoint, and more.

Your comment, suggestion, and constructive criticism will be highly appreciated. Feedback will go a long way to improving my performance and making necessary decisions. You can check me out🤸‍♀️🤸‍♂️.

Technologies Used:

Figma: For the UI/UX design
HTML5
VUE.js/Vite
CSS
Tailwind
PWA
GitHub: For continuous integration and deployment.
WEB SERVER FOR CHROME: Used to text my application locally.
Interserver.net: For hosting the website
Google AdSense
and more……

Font:
99% of the font used is poppins and it was labeled adefam. Poppins is a geometric sans-serif typeface published by Indian Type Foundry in 2014. It is highly readable, which makes it an excellent choice for both web and mobile.

Color:
The major color theme used is the family of Orange, Blue, and Platinum:

MidNight View:
At midnight from 8pm to 6am, all background color changes to black and most font color changes to white or maintain their default color.

Mobile View:
To the best of my knowledge and testing across platforms using google chrome inspect, the website is mobile responsive.

Accessibility:
The website is accessible using google search engine by typing Famosa Adegbite. Work is in progress to make it more accessible using different keywords and skills related to me.

My Content:
Major stress about personal portfolio website is ability to make constant update and changes without going through the code all over again. 99% of all the contents on my website are in JSON format. If there is any need for changes or update, that will be access by opening the json file.

Home page json file example tag main.json

{
    "mainValue": [
        {
          "id": "1",
          "greetings": "Hi! I am",
          "myName": "Famosa Adegbite",
          "status": "Self-taught website developer and engineer. I have a passion for programming and technology. I'd call myself a Jack of all trades when it comes to technology. I am open-minded and ready to learn new skills.👨‍💻👨‍💻👨‍💻",
         "image": "https://res.cloudinary.com/famosa-adegbite/image/upload/q_auto,f_auto/v1656117940/myPotfolio/WhatsApp_Image_2022-05-26_at_2.21.31_PM_2_msiyuj.jpg",
         "alt": "adefamosa"
        }
       ]
}

OVERVIEW OF THE WEBSITE
The website contains 11 sections: navigation, home, about, education, experience, blog, skills, Gallery, project, comment, and footer.

All this section talked about myself, my experiences, academics, skills, and basic information about me.

The Navigation:
The navigation was grouped into two parts: the header which contains the logo and my contact details (phone number and email address) while the left side navigation contains the logo, click button icons that lead to all the sections of the page and a contact button that leads to my WhatsApp. The Left side navigation is only visible on a big screen but hidden on a mobile screen.

Home Section:
It explains briefly about myself as a self-taught website developer and also contains all my social media links like LinkedIn, Facebook, GitHub and more.

About Section:
This elaborate more about myself, my interest in both tech and non-tech life. It also contains a button label My CV that leads you to my online CV.

Education & Certification:
This shows my academic achievement and some of the certifications I possess which include both soft and professional certifications.

Work Experience:
This section showcases my experiences and a brief description of my job responsibilities. Clicking on the arrow button will show more of my work experience.

Blog:
This section was tagged “Knowledge base” which contains a few of my tech writeup. Hoping to write more blogs on my achievement, experience, and career path.

Skills:
This section contains a few of my tech skills. As a self-taught individual, I learned a lot in order to achieve most of my goals, meet up with the challenging environment and also use the skills acquired to bless the life of others through training and mentoring.

Gallery:
They said seeing is believing, the gallery section display a few of my pictures taken during work, training and seminars.

My Project:
This section showcases a few of my web-related work which include my portfolio. An unknown author said, “Knowledge is knowing what to say. Wisdom is knowing when to say it”. Likewise, Skill is knowing what to do while Project is knowing how and when to do it.

Comment:
The comment section is an interactive section using Facebook social media plugin. Any feedback will go a long way to improving my performance and making necessary decisions.