Company X
- Takeaway #1: React Router is so fast!
- Takeaway #2: Responsiveness is something I need to take into account from the start of a project.
- Takeaway #3: Using components for site sections, such as the nav bar and footer, saves so much time and allows for a consistent look very easily.
- P.S.: I realise this could be achieved without React, I just wanted an excuse for a larger longer term project using React.
- React
- CSS3
- Under Construction - Long Term Project
The Weather App
- Takeaway #1: Reusable componenets! Being able to just pass data and not have to copy and paste code is so good.
- Takeaway #2: State is something that I need to spend more time getting to grips with. Especially hooks.
- Takeaway #3: Overall nowhere near as intimidating as it initially seemed, even though there is new syntax to learn with JSX (which I actually love) and state can be a bit tricky, I really enjoyed my time on this project and look forward to using React more.
- React
- CSS3
Anonymask
- Takeaway #1: What HTML Canvas is and the different ways it can be used.
- Takeaway #2: Do not be scared to go outside of the tutorial walls.
- Takeaway #3: If I can make something that tracks your face… What can the government do? #wheresmytinfoilhat
- HTML5
- CSS3
- JavaScript
- Experimental Feature: Requires
Chrome/Android
Calculator
- Takeaway #1: My first standalone project where I learnt I can make something without following a tutorial and I haven’t been wasting my time.
- Takeaway #2: eval is a liability when it comes to security.
- Takeaway #3: Grid layouts can only go in straight equal lines.
- HTML5
- CSS3
- JavaScript
Etch-a-Sketch
- Takeaway #1:You can use de-structuring in your function declarations and calls.
- Takeaway #2:The Hue in HSL values can go beyond 360 and it’s smart enough to just loop forever over the colour wheel.
- Takeaway #3: Event listeners can automatically remove themselves after the first event.
- HTML5
- CSS3
- JavaScript