Category Archives: Full Stack

Weather App

First Angular Core App after many months learning the framework in depth. This is a weather app, powered by two APIs, for the sunrise and sunset data, https://lnkd.in/dFNDGK3 and for the rest of the weather information, https://openweathermap.org .

While it lacks the need for tokens, routes and guards, I still got to learn how to deal about asynchronous code and in the future plan to learn more about RXJS. I learned how to use services, inheritance, directives, some more experience dealing with CSS/SCSS, JS/TypeScript and HTML. It is the first piece of software I’ve written where I mixed Bootstrap, SVGs, SCSS, plain CSS, flexbox and CSS Grid together. Once you get the hang of Angular, it is a powerful framework and if you have knowledge of Vanilla JavaScript and better still an OOP oriented language like Java it becomes easy.

In the screenshot, it may not be obvious, but in the top right corner there are toggle buttons that flip between Celsius and Fahrenheit, and kilometers and miles.

I’m calling it done for now, but there is still a few more features I wish to include, those being the background image and colour scheme changing to suit it based on a timer, using cookings to store timestamps.  The code can be viewed and pulled from https://github.com/SeanKelly369/Angular_Weather_App .  Feel free to fork and enhance it if you wish.

 

 

Progress Update

Over the last few weeks, I’ve had two interviews and although I didn’t get either jobs, it is encouraging when one considers I had no programming experience prior to this time last year.  Even with first class honours, the knowledge gained from the HDip in Computer Science course have given a solid foundation to progressive from and it is clear, employers want people with more skills than I have on display on github.

Some time has been put into reworking the website, however after following an advanced CSS and SASS I’m putting it on hold until I know how to create CSS code that is of a modern professional standard.

As for frontend frameworks, it has been recommended to me to learn at least one.  Before attending the Angular MeetUp in Dublin, I was unsure whether to focus my time and energy on learning React, because of React Native and the virtual DOM or to focus on Angular.  With Angular being a full framework, with support from Microsoft and Google, I have chosen the latter.  From what I’m told by professions, anyone with 2 years professional experience with Angular are high in demand.

Angular Meetup Dublin

I bought two books on Angular, Angular in Action by Jeremy Wilkins and Angular, From Theory to Practice by Asim Hussain.  Along with that, I bought four different video tutorials on MEAN stack and Angular.  Right now, I think I’m close to being able to write simple applications using Angular and getting to grips with SASS.  The next application I write has to written with modern code.

On one interview, a part of the feedback given was to practice algorithms.  There is no avoiding it, even though I prefer learning how to make great products.  White board interviews also need to be practiced and some friends from the Maynooth HDip course have expressed interest in practicing with me, replicating interview conditions as closely as possible.

Udemy courses

There is no shortage of material online to learn from and with the course no including internships, I have the gap between intern level to graduate, or at least what potential employers perceive that to be.  The fantastic thing about this industry is the lack of barriers to creating a product and marketing it to the world for anyone with the skills and work ethic.

Cozmet team project

I completed a full-on one year course in Computer Science, Software Development HDip yesterday.  It was a very busy time and learnt a great deal.  One of the modules was a team project that simulated an Agile team development process.  To show my contribution to the team, a video can be viewed by clicking on Cozmet_Sean

A couple of screenshots of the design can be viewed below.  It was made entirely using open source software, without the use of Angular or React.  Although, the plan is to learn both frameworks over the coming months and I already know the basics of Angular, it’s really nice.  The backend is powered with firebase, all the data comes from it for each object and the graphics were created using InkScape and Krita.  The layout is made using CSS Grid and I discovered during development CSS and ECMAScript 6 have gotten enough features that jQuery is no longer needed, but it is still a powerful framework.

 

Quiz App

[fvplayer src=”https://kelly3d.com/wp/wp-content/uploads/2018/04/Quiz_App.mp4″ width=”760″ height=”412″]

This is a yoga quiz app with back end database storage, written in vanilla JS,  PHP, AJAX and of course, HTML and CSS.

The code can be found at: https://github.com/SeanKelly369/WebDev

The images were provides by:

Learn Yoga Poses with Yogacards by Mark Giubarelli