Portfolio

• Code
• ▪︎
• Live Demo

This is my first full UI design project! Up until now, I’ve just been reading about design principles, UX principles, and playing around with the DailyUI challenges to strengthen my visual design skills and familiarity with prototopying tools (I mainly use Figma right now).

I know it's not the best design, but I learned a lot through creating this blog, and I know that this will help me improve my skills even further for the next project!

• Read about my process
• View final mockups (google folder)
• View final mockups (Figma Workspace)

Note: To view different mockups on Figma, click on the top left hamburger menu and there will be a dropdown of the different wireframes/mockups you can view.

Trying to be cool and make animated mockups (didn't work out too well)

• Code
• ▪︎
• Live Demo unavailable due to defunct Heroku account (as of 2023)

This is a simple one-to-one chat app where you can chat with any registered user! This was definitely difficult to grapple with as I was introduced to all sorts of new technologies such as ApolloClient, Hasura GraphQL Engine, GraphQL and it's many functionalities, authentication with Auth0 (I am still very much overwhelmed by the realm of authentication), and React Hooks.

I'm aiming to create a second version using Sequelize, and adding more features such as a friends list, notifications, and group chats!

Tools Used

• ReactJS, ApolloClient
• HTML/CSS
• GraphQL
• Hasura GraphQL Engine

• Code
• ▪︎
• Live Demo

A sketchpad web application that includes pen, eraser, text, and shapes (rectangle, circle, and line) tools. You can undo and clear the sketchpad as well.

Tools Used

• Vanilla JavaScript
• HTML5/CSS

• Code
• ▪︎
• Live Site

Thought it'd be nice to refresh my CSS knowledge by attempting this challenge!