This is my Web Design Project for Fadipe Designs.
As part of the assignment I had to create a responsive website.
I created this website using Visual Studio Code.
The responsive website is a mock portfolio website which will be a one page HTML.
I will be using Joe Appleton's Vue, Webpack and repo which will compile the SASS.
Everything will be compiled in the bundle.jsfile.
I used npm run watch to watch the webpack.
I converted CSS to SCSS syntax using the website Here.
Once I converted the CSS into SCSS, I put everything in their respective folders and files within the SASS folder. e.g. All the colours in the sass/base/color.scss
The coding standard I used for HTML is the HTML5 syntax which can be found here from W3Schools.
The coding standard I used for SASS was the SCSS syntax aka Sassy CSS, which can be found in the official SASS guide here
SCSS is fully compilant with CSS syntax.
To structure Link to SASS file stucture which is 7-1 pattern (which I changed slightly) https://www.sitepoint.com/architecture-sass-project/ and http://vanseodesign.com/css/sass-directory-structures/
I will be using my version of Git Flow as my branching strategy. The original Git Flow can be found here
This is the link to the live page. https://ofadipe.github.io/assignment/dist/index.html
The Assignments Files folder includes the following:
A PDF of the questionaire, you can also find this online from Google Forms
User Feedback Word Document, this features the user feedback.
This folder is just three PDF documents showing the website in Desktop, Tablet and Mobile view.
This folder has high fidelity images of the about page
This folder has high fidelity images of the Newsletter page
This folder has high fidelity images of the Reviews page
This folder has high fidelity images of the Splash page
Also features a PDF of all of the high fidelity pages in mobile, tablet and desktop.
This folder contains all of the low fidelity images