Masaya logo
Web development icon

Web Development Portfolio

I see the web as an important and democratizing platform for people around the world to share their ideas and to show who they are and what they care about, where anyone with an internet connection can access.

Screenshot of project: Real Estate Listing Website

Industry: Real estate

Real Estate Listing Website

Tools

  • HTML icon

    HTML

  • CSS icon

    CSS

  • Django icon

    Django

  • Figma icon

    Figma

Overview

A full-stack website for a local real estate listing company. I used Django for its batteries-included convenience, easy-to-understand ORM, intuitive templating, and helpful admin panel, which allows the client to conveniently update the website's content themselves. For styling, I went with TailwindCSS for quick and consistent styling. Some parts that involve user interaction make use of HTMX for its simplicity.

Responsibilities

After discussing with the client about requirements and obtaining a wireframe, I designed and coded the website.

See live demo
Screenshot of project: Design Agency Website

Industry: Media

Design Agency Website

Tools

  • HTML icon

    HTML

  • CSS icon

    CSS

  • Django icon

    Django

  • Figma icon

    Figma

Overview

A full-stack website for a local design & media company. The client can update the website's content themselves via the Django admin panel. Interested visitors can contact the agency via the secure contact form.

Responsibilities

After the web design was complete, I coded and hosted the website.

See live demo
Screenshot of project: Car Engine Lubricants Landing Page

Industry: Automotives

Car Engine Lubricants Landing Page

Tools

  • HTML icon

    HTML

  • CSS icon

    CSS

  • Figma icon

    Figma

Overview

An informational landing page for a car engine lubricants brand. Due to the simplicity of the website, no JavaScript framework was necessary.

Responsibilities

After discussing with the client about website content, I designed and coded the website.

See live demo
Screenshot of project: Website for Hospitality Company

Industry: Hospitality

Website for Hospitality Company

Tools

  • HTML icon

    HTML

  • CSS icon

    CSS

  • NextJS

  • Adobe Photoshop icon

    Adobe Photoshop

Overview

Utilizing NextJS, I was able to create an SEO-friendly website. The client can easily manage content via a headless CMS.

Responsibilities

After receiving a document of content from the client, I designed and coded the website, in addition to configuring the CMS.

See live demo
Screenshot of project: Mobile App Marketing Website

Industry: Finance

Mobile App Marketing Website

Tools

  • HTML icon

    HTML

  • CSS icon

    CSS

  • NextJS

Overview

Landing page and informational website for all products related to the UT Market digital platform.

Responsibilities

After presenting my UI screens to the team, I got to work coding the new website using NextJS, which was ideal for its SSG abilities, pleasant dev experience, SEO, and performance (100 score on Lighthouse). I also manage the domain, hosting, and CMS.

See live demo
Screenshot of project: Khmer Programming Words Dictionary

Industry: Personal

Khmer Programming Words Dictionary

Tools

  • Svelte icon

    Svelte

Overview

This is a dictionary style website to document and explain common programming and other technical words that are almost impossible to translate into Khmer. Could be a useful resource for educators/students alike.

See live demo
Screenshot of project: Note taking app with Khmer language UI

Industry: Personal

Note taking app with Khmer language UI

Tools

  • Django icon

    Django

  • React icon

    React

Overview

I wanted to familiarize myself with Django and more specifically the Django REST Framework so I built this as a learning project, a note taking web app with user authentication.

See live demo
Screenshot of project: Business Model Generator (Khmer & English)

Industry: Personal

Business Model Generator (Khmer & English)

Tools

  • Svelte icon

    Svelte

Overview

A mini web tool for generating a business model canvas based on user input. I made it to practice Typescript, and learn to more about Svelte and how it handles state.

See live demo