University Projects

I decided to watch part of this crash course on SASS to gain a better understanding of the basics of SASS as I'm still unsure on some aspects of this coding language. I found this video really imformative and helped me understand variables and mixins! Bibliography DESIGNCOURSE (2018). Learn Sass in this Free Crash Course - Give your CSS Superpowers! . [Online Video]. August 1st. Available from: https://www.youtube.com/watch?v=roywYSEPSvc [Accessed: 19th May 2008].

I didn't fully understand how the grid system worked in Bootstrap, and therefore I searched for this on W3Schools. This diagram really helped me visualise how Bootstrap would work for different devices and that each section is divided up to equal twelve. Bibliography W3Schools.com (2018) Bootstrap 4 Grid Examples. [Online] Available at: https://www.w3schools.com/bootstrap4/bootstrap_grid_examples.asp. [Accessed: 19 October 2018].

We briefly covered React.JS in this session. Mar showed us a digital clock example that was powered by React.JS. This was similar to the clock example created by William S.Vincent, who shows us how to create a simple clock using React.JS. I like this example, as Vincent clearly instructs the reader on how to create this clock in a simple way. Bibliography William S. Vincent (2018) React Clock. [Online] Available at: https://wsvincent.com/react-clock/.  [Accessed: 19 October 2018].

We decided to use Trello to organise and add tasks that we need to complete during this project. We added due dates on each card for when these tasks are due. For example, our concept needs to be finalised by October 29th - and therefore this card was added to Trello. I have linked Trello to Slack as it allows you to add cards using commands in Slack. Therefore, if a discussion takes place and we wanted to delegate tasks during that discussion we can use a command to make a card on Trello and add team members to specific cards.  This will make working more efficient, as you can also set due dates within Slack. Command list from Trello bot on Slack

Ocado visited us today to explain our live brief for the motion graphic that we are going to create for them on social media. They explained that their general target audience is middle-aged women/Mum's as they are more likely to shop at Ocado. I wrote some notes on the important aspects of the brief. Anja and I began to brainstorm ideas for our concept on Slack. We created the "brainstorm" channel on Slack to discuss our ideas.

I downloaded the portfolio-node folder from Study-Net and placed this folder into the documents folder. I then went into this folder using the command, "cd portfolio-node" as I wasn't in the correct folder previously. I then initialised a git repo and committed my work, using the commands, "git init" "git add *" "commit -m 'Initial commit'"  I then logged into Heroku using the command, "heroku login" and created the app using the command, "heroku create". I pushed this to Heroku using the command, "git push heroku master" which outputted the server's URL once the push was complete. I then opened the portfolio site using the command, "heroku open" which opened the site in my web browser. If I decide to change this code, then I will need to add all of the files using the command, "git add *", commit my work using the command, "git commit -m 'In