Giter Site home page Giter Site logo

zenkiwhiteley_t1a2's Introduction

Welcome!

To My Portfolio Webstite

As an aspiring developer, the purpose of this site is to showcase the skills and knowledge, that I have accumulated whilst attending a full stack developer bootcamp by Coder Academy. What I would like to achieve is a demonstration, to potential future employees and/or clients, what I can offer to their projects.

Links

Designing & Building The Site

The design goal of my website was to make a simple site to allow for me to focus more on a pleasant user experience for my primary audience, future employees and/or clients. I wanted the site to be responsive, dynamic and have user friendly features. I also wanted to challenge myself into designing the site that was not heavily dependent on media queires or javascript code. Here was my design process:

Design Stack

  • Figma
    Sitemap, Blocking & Layout Design
  • UTOPIA.
    Font Responsiveness
  • AI Colors
    Color Palette
  • Pexels
    Royalty Free Images

Sitemap

SiteMap

Mockups

Home Page

HomeBlockout

Projects Page

ProjectsBlockout

Weekly Page

WeeklyBlockout

About Page

AboutBlockout

Features

Inorder to aid with responsiveness, and ease of use. I added a few features that were dynamic and independent to screen resolution.

  • Burger Menu: For simple navigation between pages.

  • Contact Button: An easy to access contact form on any page.

  • Scroll Snapping: Effortless navigation to elements on the homepage.

Tech Stack

This website is

  • HTML5
    Structure Site
  • CSS
    Styling Site
  • Netlif
    Hosting Website

Desktop Images

Desk1

Desk2

Desk3

DeskBurger

DeskContact

Desk4

Desk5

Desk6

Desk7

Desk8

Desk9

Mobile Images

Mobile1

Mobile2

Mobile3

MobileBurger

MobileContact

Mobile4

Mobile5

Mobile6

zenkiwhiteley_t1a2's People

Contributors

r-z-w avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.