React Weblog

I used React to re-build my humble two page blog that I had originally created to practise use of flex-box and Grid system in responsive layout design.
Using React may seem to be an overkill for such tiny project and I totally get that.
The main reason for me to go on the React path was taking advantage of re-usibility of the UI components which empowers the blog to use the components anytime anywhere. It's always a good idea to leave some room for future expansion in a weblog.

---

For this project I used:

• React
• HTML
• CSS

---

What I learned during the development

• Converting HTML elements to React reusable Components
• Styling the React component
• Use of Router to navigate through the app

Check my application LIVE!
See my code on Github

Travel Planner App

My Travel Planner app gets a destination city, departure date and return date from user. Then retrieves weather forecast and a picture of the destination by making three asynchronous Api calls. JavaScript and node.js are what I used to develop this app, I also utilized Webpack as module bundler to improve the performance of the application.

---

For this project I used:

• Asynchronous JavaScript
• HTML
• CSS
• Webpack
• Node.js

---

What I learned during the development

• Use of webpack as module bundler
• Unit testing
• Api calls and passing data between server and client

See my code on Github

Evaluate a News Article with Natural Language Processing

The app gets the user's input which can be a url of an Article and through an external API call runs Natural Language Processing (NLP). Then the text is extracted and analyzed to determine if it expresses a positive/negative/neutral sentiment.
The result of the analysis displays on the screen.

---

For this project I used:

• JavaScript
• HTML
• Sass
• Webpack
• Node

---

What I learned during the development

• Using module bundlers speciffically Webpack
• Converting CSS to Sass
• Use of Service Workers
• API calls and passing data from server to client

See my code on Github

This portfolio website

I designed and coded my portfolio website from scratch. My main goal for making an online portfolio was to showcase the projects that I have completed in Front End web Development and UX/UI Design.
I also wanted to briefly share what I learned through the development of each project. Simplicity and ease of navigation have been my intentions in designing my portfolio website.

---

For this project I used:

• JavaScript
• HTML
• CSS
• Afinity Photo
• Afinity Designer

---

What I learned during the development

• Use JavaScript to replicate hover state for touch screen devices
• Wrap text around picture without use of flex box

Weather Journal App

The app gets a zip code and some text data entered by user to collect the weather information using web API and updates the UI dynamically. The main three functions i.e getting the data from the web API, posting the data to the server and updating the UI are handled asynchronously.

---

For this project I used:

• JavaScript
• HTML
• CSS
• API
• Node

---

What I learned during the development

• Using module bundlers speciffically Webpack
• Converting CSS to Sass
• Use of Service Workers
• API calls and passing data from server to client

See my code on Github