I have dedicated the past year to diligently building a strong foundation in web technologies. Starting in July 2023, I embarked on a journey of self-study, mastering essential skills like React, JavaScript, and API integration through online courses and tutorials.
To further refine my abilities, I attended a intensive bootcamp at Tecky, where I gained invaluable real-world experience. During this time, I developed several web applications, deepening my expertise in back-end development and deployment. I am now confident in my ability to contribute to a company's web development efforts.
With a solid understanding of both front-end and back-end principles, I am well-equipped to tackle a wide range of web development tasks. I am passionate about staying up-to-date with the latest industry trends and continuously enhancing my skills to deliver high-quality, user-centric web solutions.
JavaScript (ES6)
undefinedhttps://worldtravellers.tech/
World Travelers - A Platform for people to share travelling experience
Tech stack: Javascript, Typescript, Express ,Postgres
It is a comprehensive web application that allows users to create, upload, and share their travel experiences through blogs, images, and videos.It implemented an AI-powered image recognition feature utilizing Google Vision API, enabling users to upload photos of sights and automatically identify the corresponding country or region, which then surfaces related blog content.
Editor.js library is integrated in the application to provide users with a user-friendly, WYSIWYG interface for creating and editing their blog posts, allowing them to easily customize the style and formatting of their content.Visually appealing and intuitive user interface is designed to enhance the overall user experience and encourage active engagement from the blogging community.Robust backend architecture is leveraged to efficiently manage and store user-generated content, including blog posts, images, and videos, ensuring seamless data handling and retrieval.
The biggest technical challenge of the editor feature is to conduct in-depth research and analysis of the Editor.js library's documentation to develop a suitable solution that addressed the application's specific requirements for storing and rendering both HTML and JSON data formats.
Monster Parents - A Platform for Comparing and Reserving Child-Related Services
https://web.hkeduprice.online/
Tech Stack: Java, JavaScript, Spring Boot, PostgreSQL
This application enables parents to compare prices and offerings for various child-related services, such as after-school activities and enrichment classes. Users can provide price or other relevant information about the child-related services they find valuable, and also reserve the services they are interested in within the application.
There were several challenges and learning points in this project. Firstly, the backend part of the application was written in Java, which made the backend development much more demanding than using JavaScript. It took significantly longer and required more effort to implement the MVC model through the Spring Boot framework. The ad-hoc object feature is not available in Java. Instead, classes, interfaces, DTOs, or hash-mapping are required to format the object data needed for the frontend. This was a valuable lesson for me, as I had started with JavaScript.
In addition to the backend side, the frontend side was also a significant challenge. So many different features, such as multi-level categorization, chatroom, pagination, search, and different levels of authorization within a 3-week project sprint, made the development work very demanding. For example, since every user is allowed to provide information about interest classes or related child-related services on the website, an admin feature was necessary to handle offerings from users to avoid the website being flooded with unused or malicious information. For this, a lot of time and effort was invested in designing the database structure and the user interface for the admin to deal with user offerings.