Dialogue with the village

Junior Web Developer

Angular web application on a laptop screen.

This is a web application developed for SLPP. This apllication has a simple front-end where users can sign in or sign up and submit an idea or a proposal. Users should be able to input ideas or proposal in three different languages which are Sinhala, Tamil and English therefore my senior came up with using a custom Angular Material input using Google's transliteration service which detects and transliterate to the selected language from English input. Back-end (admin dashboard) was the challenging phase of the development. Admin dashboard had to allow multiple user types, contain all the data of the users and the data which are entered by operators.

It was important to understand how my senior developer build our designs so I started learning our development. For front-end we used Angular and Angular Material and for back-end we used Ruby on Rails. Previously for front-end, I worked mainly with HTML and CSS and for back-end I worked with PHP so I had to learn more Javascript and Ruby on Rails.

There were some visual guidelines created by my teammate but there was dedicated time to building Design system. Understanding Angular and how it affects to modularization helped me to translate the visual guidelines to variables and to better align components.

Live application: gamasamaga.com

Technologies and tools

Angular, Angular Material, Ruby on Rails, AWS, MongoDB, GitKraken, VS Code

Angular web application homepage
Angular web application about page
Angular web application customized page
Angular web application developed page
Angular web application form page
Angular web application sign up page
Angular web application login page
Angular web application profile page