Readable (extra-curricular)

projects

Having completed the last required project for the React course ahead of time, and gone through the extra git course, I decided to take on the extra React / Redux project. Essentially it is an anonymous post and comment app where the user can vote up or down on a post and / or comment and has features to create, edit and delete posts / comments. Oh, and of course I made sure it used responsive design to suit all screen sizes, like all my recent projects. (github)

Screen shot of Readable app home page displaying three category posts

This project was a little more open and detailed than the previous one, which meant I got a chance to use a few more hooks and really help solidify my understanding or React and Redux. All whilst challenging myself with a tighter schedule. I also made sure I incorporated styled components from the beginning, and again, helped me form a greater understanding of it’s use. Styled components certainly feels like it suits being used with React!

Being able to complete the project within the allotted remaining time and incorporating all the features I wanted has boosted my confidence using all the technologies involved. I learnt more about using the ‘useEffect’ hook by getting it to look for changes in specific data. Furthermore, using nested styles and passing props in styled components.

React Native flash cards

projects

I have now completed the Udacity React nano-degree by finishing and passing the react-native project. Although, as per usual, I went a bit further than what was required, so I could get as much out of this as possible. I successfully created a whole new section that displayed results for completed quizzes. Each result displayed: the category it related to, the highest score achieved, the date of that score, and how many times the quiz had been attempted. All of which is stored in the device via ‘async-storage’.

The use of styled components, transitions, and native platform specific material design was incorporated from the start. Some were required for the project and others were extras that I used to further my knowledge. There were also several new things learnt during this production, for example, how to actually nest different native navigation methods and the use of native specific react components.

I looked forward to this project in particular as I have been wanting to develop mobile apps for some time. Furthermore, being able to create such products using a widely used and accessible language makes it even more exciting and not too niche. Having said that, it is a little frustrating that I wasn’t able to simultaneously build it for iOS, due to not owning a mac. However, now I know the framework a bit better, once I have the hardware I will be able to take full advantage of React-Native.

(GitHub)