stevtm / portfolio-v3 Goto Github PK
View Code? Open in Web Editor NEWPersonal portfolio website for Steven Maddison.
Home Page: https://stevtm.github.io/portfolio-v3/
License: MIT License
Personal portfolio website for Steven Maddison.
Home Page: https://stevtm.github.io/portfolio-v3/
License: MIT License
Make the page scroll to the corresponding section of the clicked nav link instead of jumping.
Add handling of emails sent using the contact form.
Add an email link button so site viewers can get in touch.
Refactor codebase to make it more accessible.
Use breakpoints/media queries to make the web app responsive.
Improve the overall styling of the page.
Move common styles from individual components to a single file and import then (DRY).
Use logos from a common source so that styling is consistent.
Move social media links from the page footer to the title section under the name so that it can be more easily accessed.
Move styled-components components into external JS file next to React component file for cleaner code.
Upload updated resume.
Update the typewriter text depending on the current time, date and month rather than having it hardcoded the same at all times.
On desktop size screens the right side scrollable column does not fill the entire window height.
GIVEN a single-page application portfolio for a web developer
WHEN I load the portfolio
THEN I am presented with a page containing a header, a section for content, and a footer
WHEN I view the header
THEN I am presented with the developer's name and navigation with titles corresponding to different sections of the portfolio
WHEN I view the navigation titles
THEN I am presented with the titles About Me, Portfolio, Contact, and Resume, and the title corresponding to the current section is highlighted
WHEN I click on a navigation title
THEN I am presented with the corresponding section below the navigation without the page reloading and that title is highlighted
WHEN I load the portfolio the first time
THEN the About Me title and section are selected by default
WHEN I am presented with the About Me section
THEN I see a recent photo of the developer and a short bio about them
WHEN I am presented with the Portfolio section
THEN I see titled images of six of the developer’s applications with links to both the deployed applications and the corresponding GitHub repository
WHEN I am presented with the Contact section
THEN I see a contact form with fields for a name, an email address, and a message
WHEN I move my cursor out of one of the form fields without entering text
THEN I receive a notification that this field is required
WHEN I enter text into the email address field
THEN I receive a notification if I have entered an invalid email address
WHEN I am presented with the Resume section
THEN I see a link to a downloadable resume and a list of the developer’s proficiencies
WHEN I view the footer
THEN I am presented with text or icon links to the developer’s GitHub and LinkedIn profiles, and their profile on a third platform (Stack Overflow, Twitter)
Add animations to improve the user experience.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.