Krishtronomy / portfolio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome to my Portfolio Website project!

Below you will find links to my Github Repository and Deployed Portfolio Website:



You can access my Portfolio website here: https://krishalportfolio.netlify.app

You can access my Github repo here: https://github.com/Krishtronomy/portfolio

Below you can find the contents of this document:


This portfolio website is to present myself as a Developer and IT Professional. The portfolio website serves as a means to showcase my abilities in planning, designing, building and deploying a multi-page website about myself - including skills, interests, professional knowledge and any prior work.


The portfolio website has been created with a clean, simplistic yet modern design in mind. A nice linear gradient colour scheme is met with the users eyes on each of the main pages (Home, About, Portfolio, Blog and Contact) psuedo elements have been used to provide a nice and intriguing design to draw the user in and keep them engaged. Simple and clean fonts have been used throughout to follow the theme of a modern and clean look.

The Wesbite has been built with mobile-first in mind to ensure compatabilty not only on desktop and laptop screen sizes but also on mobile devices such as smartphones and tablets. This has been implemented uitlising flexbox, viewport measurements and media queries.

Additional functionality and features include:

  • Home Page with a profile photo and brief intro to myself.
  • About page which expands more on myself, work, experience and travels.
  • Portfolio page which lists some of my recent projects.
  • Blog Page with a listing of five blog posts.
  • Contact Page which has a contact form for user input and link to social accounts and Resume.
  • Navigation Bar to access all pages.
  • Hamburger menu bar with smooth drop down transition, for smaller screens.

Below is the Sitemap and shows how each page is linked to each other. The landing page (index.html) is the Home Page.

Photo of sitemap


Below are the Wireframes used for planning and making mockups.

Home

Photo of Homepage

About

Photo of About page

Portfolio

Photo of portfolio page

Blog

Photo of Blog page

Blog Post

Photo of Blog post

Contact

Photo of Contact page


Below you will see some screenshots of the Website as viewed on Desktop, Tablet and Mobile screen sizes.

Home

Photo of Homepage

About

Photo of About page

Portfolio

Photo of Homepage

Blog

Photo of Homepage

Blog Posts

Photo of Homepage

Contact

Photo of Homepage


The Target audience for my portfolio website is an employer looking to engage a develope and/or I.T professional.


  • HTML5
  • CCS3
  • SASS/SCSS
  • Javascript
  • Netlify (Deployment)
  • Balsamiq (Wireframes)

About


Languages

Language:HTML 73.1%Language:SCSS 26.2%Language:JavaScript 0.6%Language:CSS 0.1%