All projects I finished

Main skills in web developing

Here, I list several key tech-skills in disigning and developing a good looking and full functional website.
Of course, you have to keep learning and practicing to be a better web developer.

HTML5 is a basic skill

HTML5 (Hypertext Markup Language 5) is a markup language used for structuring and presenting hypertext documents on the World Wide Web.

You must be skillful at CSS3

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language.

Good at JavaScript makes u diff

JavaScript (JS) is a cross-platform, object-oriented programming language used by developers to make web pages interactive. Now, you start to learn a programing langu.

WordPress is a powerfull tool

WordPress is a content management system (CMS) that allows you to host and build websites. WordPress contains plugin architecture and a template system, so you can customize any website to fit your business, blog, portfolio, or online store.

Drupal is a very safe choice

Drupal is a free and open-source web content management system written in PHP and distributed under the GNU General Public License. You can develop a very safe and stable website eventhough It’s not that comprehensive.

Based language for database

SQL is a domain-specific language used to manage data, especially in a relational database management system. It is particularly useful in handling structured data, i.e., data incorporating relations among entities and variables.

Main Skills In Web Development

Here, I list several key tech-skills in disigning and developing a good looking and full functional website.
Of course, you have to keep learning and practicing to be a better web developer.

Projects during UNI and work

There are 5 projects showed below: 2 in universities and 3 in workplaces. Thank you for reading them and please give more suggestions to let me do it better!

Rebuilt whole website

In 2016, I was assigned to a team within Yankuang Group tasked with the revitalization of our website. I assumed the responsibility for crafting and designing the services and products pages. In addition to this, I meticulously edited all the images and seamlessly integrated them into the database. My next step involved ensuring that these images were presented with the utmost quality on the various subsites that I personally designed.

Design and built a website for a restaurant

This project, which I developed individually during my university studies, involved the design of six web pages and the implementation of a comment and messaging board. Users have the ability to register as members, leave comments, and their information is automatically stored in the database. Through this project, I gained a deeper understanding of various CSS techniques, and my proficiency in applying JavaScript significantly improved. In the end, my efforts were recognized with a high evaluation from the professor, and I achieved a score of 92. The success of this project played a pivotal role in securing a High Distinction (HD) in the Web Design and Programming course.

Website and Food Recognisation for Canberra Hospital

In this project, our team of four diligently designed and developed a functional website tailored for Canberra Hospital’s needs. Leveraging Docker, we meticulously crafted a robust environment encompassing our host, system, and database, ensuring seamless integration and scalability. The primary requirement from our client was to create a software platform allowing patients to conveniently order food while optimizing staff efficiency through food recognition technology.

Understanding the significance of our task, we procured two cameras and a Raspberry Pi to facilitate food recognition seamlessly. Our frontend development, driven by HTML, CSS, and JavaScript, ensured an intuitive user interface for patients. Transitioning to the backend, Python became our tool of choice to construct a solid foundation and link our system with the Raspberry Pi. One of our major challenges revolved around enhancing the accuracy and simplicity of food recognition. We dedicated considerable effort to analysing various recognition modules, consistently refining our system for optimal performance. Our comprehensive database enabled us to effectively store and manage data originating from patient orders and Raspberry Pi inputs, facilitating seamless data retrieval and analysis as needed.

Our efforts culminated in the creation of a highly effective product, garnering recognition from our esteemed professor. We were honoured to receive an award certificate, testament to our dedication and innovation.

Design and built a website for a photo studio in my workplace

We aim the development of a WordPress-based website comprising four main pages and two sub-pages. My primary responsibility involved designing and creating both the main page and a sub-page. Initially, I undertook the task of uniformly converting and extracting text and image content from customer-provided PNG and PDF files.

Utilizing HTML and CSS, I ensured that the design and development of the pages aligned seamlessly with the established style determined in collaboration with the client. Throughout the web page production phase, meticulous attention was given to adjusting gaps and background elements between sections, employing inspect to fine-tune margin, padding, and other design elements.

Furthermore, I conducted detailed queries to ensure the vertical alignment of images, uniformity in text color changes, and consistency in blank gaps within each section and column. Post-production, I rigorously assessed the responsiveness of the website across various devices, meticulously adjusting size changes for optimal viewing on mobile and iPad platforms.

Collaborating closely with the team, we conducted thorough testing and made necessary adjustments to ensure the flawless delivery of each page, thus ensuring a seamless website experience for the client.

Reconstruction Project of Thai Restaurant Website

In this project, our team focused on the reconstruction of the Thai restaurant website, aiming to imbue the website with the festive ambiance of Christmas and New Year, while adding a takeaway menu with holiday pricing adjustments.

Depending on the customer’s needs, the key question is how to display or hide different prices for the same food in specific situations, as there are three prices for each item (eat-in price, holiday price, and takeaway price).

First, we completed the decoration of the entire website by editing and resizing images and using CSS animation to create exquisite posters, color pages, and animations.

Then, we tackled the price section. I introduced a new menu section using the WordPress platform and integrated additional price tags for all food items.

We then encountered the challenge of triple pricing an item, which was solved by adding special JavaScript codes into the CSS and JS plugin, effectively hiding two prices for an item on a specific page.

After that, I was responsible for all price reviews and bug fixes.

Finally, we leveraged our checking tools for thorough price verification and bug fixes to ensure accuracy and customer satisfaction.