DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for My Portfolio
Famosa Adegbite
Famosa Adegbite

Posted on

My 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.
fonts

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

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.
Midnight View

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

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.
Famosa Adegbite Portfolio

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.
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"
        }
       ]
}
Enter fullscreen mode Exit fullscreen mode

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.
Header Navigation
Side Navigation

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.
Home Section

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.
About

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

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.
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.
Blog

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.
Skills

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

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.
Project

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.
Comment

Footer:
The footer section contains my social media links, email, phone number and a communication form which at the moment is work in progress.
footer

LINKS:

  1. View my portfolio
  2. View the source code

Top comments (0)

Timeless DEV post...

Git Concepts I Wish I Knew Years Ago

The most used technology by developers is not Javascript.

It's not Python or HTML.

It hardly even gets mentioned in interviews or listed as a pre-requisite for jobs.

I'm talking about Git and version control of course.