Light

stevtm / portfolio-v2 Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 18.04 MB

A personal portfolio designed to showcase my current and past programming projects.

Home Page: https://stevtm.github.io/portfolio-v2/

HTML 31.30% CSS 68.70%

portfolio projects

portfolio-v2's Introduction

portfolio-v2

The purpose of this project was to create a reponsive personal portfolio showcasing the programming projects that I have completed to date, including links to the deployed applications. The portfolio also includes my contact information and a link to my resume.

The live application is deployed here: https://stevtm.github.io/portfolio-v2/

Tools & Concepts Used

The following tools and concepts, among others, were used in the design of this application:

Flexbox
Media Queries
CSS Variables
Mobile-first Design

Screenshot (Mobile)

This is a screenshot of the deployed site, as viewed on a mobile device!

References

Fonts from Google Fonts https://fonts.google.com/
Project images from Unsplash https://unsplash.com/
Background image created by Sharen Mak https://github.com/shmak98
Using Emoji as Favicon from CSS-Tricks https://css-tricks.com/emojis-as-favicons/

portfolio-v2's People

Contributors

Watchers

portfolio-v2's Issues

Reduce Image Sizes

Description of Enhancement

Reduce all image sizes to the minimum acceptable resolution to reduce load times.

Make the Page Prettier (1)

Description of Enhancement

Make the page more visually appealing by:

Adding a hero image that fits the colour scheme
Increasing font and element spacing to improve readability
Styling all elements in a more appealing way (e.g., adding box shadows for card-like appearance)
Adding a recent picture to the "about me" section
Adding a favicon
Adding :hover effects on clickable items

Minimum Viable Product

Requirements:

Portfolio must include name, recent photo, and links to website sections
Navigation links must scroll the UI to the corresponding section
The work section must contain titled images of portfolio applications
The first portfolio application must be larger in size than the others
Clicking on the portfolio application images must redirect the viewer to the deployed application
The application layout must be responsive across various screen sizes

Responsive Text Size

Description of Enhancement

Format all text sizes so that they are responsive to screen size changes.

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.