Sylinn_full_stack is a full-stack application built with React and Vanilla Extract, a CSS-in-TypeScript framework. The server-side is constructed using Express.js and is supported by a Google Firestore database. This application will serve as the official site for a sub-brand of my current employer. Its primary purpose is for display, providing a secure login endpoint for users and administrators. Administrators have access to on-page endpoints for CRUD operations. Development work is currently ongoing, and the application is expected to be fully functional with real product data populated by the end of 2023

Allyoucan Travel Agency is my first agency work. It is built with Wordpress and Astra child theme, and is hosted with Godaddy.It is my First Wordpress project in production mode. It uses plugins for translation between English and Mandarin, and a form to send enquiry to admin's email address. Yoast is utilized to optimize SEO, and Wordfence is for website security.

Nuts News is a server-side rendering website meticulously crafted for optimal performance and enhanced Search Engine Optimization (SEO). Developed with the Next.js framework, this site leverages Client-Side Rendering (CSR), Static Site Generation (SSG), and Server-Side Rendering (SSR) techniques. The use of these advanced rendering strategies ensures superior SEO capabilities, optimized image loading, and overall improved user experience. In addition to Next.js, the technological stack includes HTML5, CSS3, JavaScript, Bootstrap, and CSS modules with Sass. This comprehensive blend of technologies contributes to the professional and polished design of the Nuts News website, delivering a seamless and feature-rich platform for users.

This is an Express.js application empowered by Apollo Server, utilizing GraphQL for fetching and sending data to a MongoDB database. The backend incorporates JWT and Bcrypt to enhance route security. On the frontend, React is employed, and integration with the Google Maps API enhances its functionality. User-entered data undergoes validation through Joi. The backend is deployed using Render, while the frontend is hosted on Netlify, serving as the portfolio for this application. To interact with the live site, simply click the 'Live Site' button below. You are welcome to log in using the following credentials:

Username: admin@admin.com
Password: 123456

This is an Express.js application that utilizes EJS for frontend rendering and connects to a MongoDB database in the cloud. The backend is designed with a RESTful API, incorporating token-based authentication and authorisation. The application is deployed on an AWS EC2 instance. By clicking the "Live Site" button below, you can log in to interact with it with restricted permissions to create or discharge a pet.

Username: user
Password: 123456

Sylinn bathrooms is my last project without any UI framework or JS library. Mostly likely it will be re-built with frameworks for better viewport responsiveness and stability. Only bathtub section is completed as a template for now.Tools used are VS Code, Dreamweaver, Photoshop. Technologies are HTML5,CSS3 and vanilla JavaScript. And it is also integrated with Google™ search and Google Map™.It is deployed on AWS Amplify, a full-stack development platform.

There are two versions of this site: a provincial look version and modern look one with two layers depth of field. This is a website develop work for Cert IV of design, development tool was Dreamweaver, Photoshop and Illustrator. Technologies used are HTML5 and CSS3.

Choice bathrooms and kitchen supplies, my 1st live website in full working condition and accessible by the public. It is primitive and nasty, but considering it earned me butter and bread for the 1st time, it deserves its position in this portfolio. Tools used are Dreamweaver, Photoshop. Technologies are HTML5,CSS3 and vanila JavaScript.

This is a web desgin work for Cert IV of design, development tools used are Photoshop and Dreamweaver.