SASS Project stuff

View the live project here:

Project Goal

...

UX

Strategy

...

Scope

...

Structure

...

Skeleton

...

Surface

...

User Stories:

First Time Visitor Goals:

a. I would like to know the purpose for the creation of the website from the first instance of opening it.
b. I would greatly appreciate it if the website were easy to navigate.
c. I expect the website to display relevant content and stay consistently relevant as I explore the site.
d. I would appreciate it if my interactions with the site were acknowledged so that I know what I am doing and where I am going.
e. I would like the content to be structured and easy to follow.
Returning Visitor Goals:

a. ...
b. ...
c. ...
Frequent Visitor Goals:

a. ...
b. ...
c. ...

Design - In Depth

Colour Scheme

...
- #...
- #...
- #...
...

Fonts

Opening the website:

Footer:

Features

Responsive:

...

Interactive:

...

Convenience:

...

Testing

I have added the testing onto a separate .md file as its content has increased exponentially, here is the link

Technologies used:

Languages

IDE

VScode: - The IDE used to code the website.
VSCode extension: LiveServer

Frameworks, Libraries, CDN's, Resources etc.

Deployment

Github

Forking the Repository

You can fork the repository through the following steps. Forking the repository means you will have a copy of the repository and any changes you make will not affect the original repository.

Log in to GitHub and locate the GitHub Repository. Here is a link for the repository
At the top of the Repository (not top of page) just above the "Settings" Button on the menu. Looking towards the right of the page. Locate the button "Fork" then click
You should now have a copy of the original repository in your GitHub account

Local Clone

This is used when you would like to make changes to the project code

Should you wish to use a different IDE like VSCode. You first log in to Github and locate the required repository. Here is the link for this repository
Open a new terminal on Git Bash
Type git clone, and then paste the URL you copied

$ git clone https://github.com/wyne-ybanez/personal-portfolio-master

Here is a link that can explain this process further. Click Here

Credits

Code

Content

Media

Image for Banner Section obtained from Wherever

Known Bugs

Design Changes

Future Implementations

Acknowledgements

Jonas Schmedtmann for his advanced CSS course: https://www.udemy.com/course/advanced-css-and-sass/
...