Skip to content

khaingtt/kportfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Portfolio Website

The website is viewable online here.

The GitHub repository can be viewed here.

Purpose

This portfolio website is for an assigment submission for INT1012 - Introduction to Web at Coder Academy.

Functionality and features of Portfolio

Overview

The site consists of 12 pages in total, which includes Home, About, Projects , Blog , Resume and Contact.

Sitemap

Components

  • The site has two parts that links to social media and the main menu. The common navigation bar presents on all the pages. For the mobile view the main menu collapses into a hamburger menu icon and a drop down menu.
  • Every pages include footer with the copyright statement.
  • The "quick link" buttons, the viewer to the contact or project pages where appropriate.
  • Graphic content is represented by the icons (socials icons in the navbar, tech icons on the resume and project pages) and images (on the About page, Projects, Blog, Blog posts).
  • Projects and Blog pages have a common theme of "preview cards", the separate box that includes images, text, header, links.
  • Blog post pages share a component of a blog navbar, which includes left and right arrows and "back to blog" button.
  • Finally, the contact page contains the form with text name fields, email address bar, text area for the message and submit button.

Target audience

This website is for my teachers, classmates and personal improvement in coding skills.

List of used Tech stack

  • Planning: Trello
  • Designing: Balsamiq Wireframes
  • Code editor: VSCode
  • Coding method: HTML/SCC, SASS
  • Verstion control: GitHub
  • Form functionality: Formspree
  • Deployment: Netlify

Screenshots List

Trello Board work in progress

Trello board

Mockups

Wireframes pages
page1
page2
page2

Desktop

Landing page
Landing page
About
About
Projects
Projects
Blog
Blog
Blog Post
Blog Post
Resume
Resume
Contact
Contact

Mobile

Landing page
Landing page
About
About
Projects
Projects
Blog
Blog
Blog Post
Blog Post
Resume
Resume
Contact
Contact

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors