Portfolio Update

PROJECT16: 18TH JUNE 2020
https://joshuakb.netlify.app/

Aim

This week we turn back to our profile and attempt to update everything. Linkdin is looking good and so is the Github account.

User Story

AS A user, I want to be able see previous projects I WANT to be able to see numerous documents attached to those projects SO THAT I can assess how far the portfolio has come

Key Concepts for HomeworkW10

• Handlebars
• Sequelize
• CSS and Flexbox
• Heroku/ Netlify / Authentication

Contents

• Build Process
• Project Issues
• Future Plans
• Installation
• Usuage
• Tests
• Additional_Information

Build Process

The initial plan for this project was to update my profile website and use every skill that i had learnt previously. The original plan was as follows:

1. Update everything using Tailwind
2. Implement handlebars and use a database to fill in all the cards
3. Make a contact page that uses some form of authentication
4. Add a message board for people to push a message to the database

Project Issues

Core problems like usual was I bit off more than I could chew. Its really easy to overestimate how much time I spend on my CSS and just concepts. Once everything on the main page was working I put started working on the database and thats where the issues began. The issue were as follows.

1. I really didn't need a database. I just wanted to see if I could make one on the fly
2. In the end I had to remove the database components and use netlify
3. I wasted a lot of time on the backend of the website which was not needed
4. Lots of small CSS issues which needed to be fixed especially in regards to mobile
5. Took way too much time again

That stated I really starting to get a stronger sense of how to use flex box and trying my best to move away from things like absolute positioning. Very happy with the outcome.

Future plans

Currently outstanding issues

1. Mobile still doesn't look great
2. Add an animated background to contact page
3. Change the main page animation to something new

Installation

Just visit https://joshuakb.netlify.app/

Usuage

Have a look at my previous work and assess

Tests

No test were run as this is nearly 85% CSS

Additional Information

Licenses: MIT

Resources

• NPMJS
• W3 Schools
• Medium
• Mozilla
• Stackoverflow
• Resources provided in Slack
• Youtube tutorials
• Dillinger
• Css-tricks

Technology

• Netlify
• Javascript
• Visual Studio Code
• GitHub
• Google Chrome

Source

Code was originally supplied in the WAUS-CRAW-FSF-PT-02-2020-U-C-MW / Week 16 / Homework repository on GitLab https://waustralia.bootcampcontent.com/the-university-of-western-australia/WAUS-CRAW-FSF-PT-02-2020-U-C-MW/tree/master/Week%2016/Homework

Joshua K Bader // Ryuku72 // jaybshinsen@hotmail.com

Made with ReadMe.Md Generator