headshot

Hi, I'm Ji Yoo

Frontend Developer

I'm a Frontend Developer with a positive mindset, solid communication skills, and the ability to collaborate with anyone I get the chance to work with. I transitioned into frontend because I enjoy the adaptability that comes with the process of building a product and collaborating with others to achieve set goals. I thrive in environments where I can be a pivotal part of a team and continue to learn along the way.

downwards arrow

Tech

HTML, CSS, Javascript ES6, JSX, React, React Hooks, Node.js, Mongo DB, Express.js Web Accessibility, APIs, mob/pair programming, GitHub

Featured Projects

photo of project

budget tracker

A budget tracking app to organize budgets and expenses. Built with React + Vite, node.js and SQlite. Custom API supports creating, retreiving and deleting budgets and expenses.

ExpressjsJavascriptReactSqlite
photo of project

task list vite

A task tracking app where users can organize their tasks. Built with React + Vite, node.js and MongoDB. The custom RESTful API supports creating, retrieving and deleting tasks.

JavascriptMongodbReact
photo of project

bookclub

A bookclub site built with React + Vite, Node.js and MongoDB database where people can sign up to become a subscribed member, receive a monthly book, and post books that they would like to read to an interactive feed.

ExpressjsHtmlJavascriptMongodbReactTailwindZustand
photo of project

auth

A sign-up and sign-in app featuring a backend API with user registration, authentication, and protected content access, alongside a React frontend for user registration, login, and displaying authenticated content.

APICSSExpressHtmlJavascriptMongodbReact
photo of project

happy thoughts api

Developed a custom API for a React-based twitter-like feed app, allowing users to share positive messages, like thoughts, and displays timestamp.

APICSSExpressHtmlJavascriptMongodb
photo of project

mongo api

Utilize MongoDB and Mongoose to model a dataset of Netflix titles with RESTful API endpoints and Mongoose queries for efficient data retrieval and manipulation.

APICSSExpressHtmlJavascriptMongodbMongooseReact
photo of project

labyrinth zustand vite

A text-based maze game using React Vite and Zustand for state management. Players navigate through the maze by making choices that update the game's state.

CSSHtmlJavascriptReactZustand
photo of project

express api

Create a RESTful API with several endpoints returning an array of data or a single item. Used a hard-coded set of data.

ExpressMongodbMongoose
photo of project

design handoff vite

Transform a UX student's design into a React-based landing page for a gym/fitness club. This project bridges the gap between design and development, showcasing the art of bringing visuals to life with code.

HtmlJavascriptReactTailwind
photo of project

movies vite

Utilize moviedb.org's API to showcase movies and their details. Features fetching popular movies, rendering movie specifics, and managing image URLs. Designed with a focus on responsiveness and accessibility with error handling, loading states, and dynamic movie lists.

APICSSHtmlJavascriptReactReact-router
photo of project

music releases vite

A React app template to display albums. Features include a structured component hierarchy, design fidelity, hover effects, and responsive layouts. Clicking on albums or artists links to external URLs. Components provided; focus on data flow and UI interactions.

APICSS3HTML5React
photo of project

happy thoughts vite

Happy Thoughts App: A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.

APICSSHtmlReact
photo of project

survey vite

A React project to create a customizable survey form. Focus on React state and form control. After submission, users see a summary. Design is flexible but should prioritise accessibility. Use tools like Typeform for design inspiration.

CSS3HTML5NodeReact
photo of project

library

We created a library of recipes. There are filters, sorting and a random button to use.

CSSHTML5Javascript
photo of project

chatbot

Created a chatbox to order plants.

CSS3HTML5Javascript
photo of project

pizza

Used Javascript to create a pizzeria order program with alerts, prompts, if & if-else statements. Also tried switch statements in place of the if-else statements.

CSS3HTML5Javascript

Skills

Code

HTML5

CSS3

Javascript ES6

React

Styled Components

Tailwind

Zustand

MongoDB

Toolbox

Postman

Figma

Adobe Premiere Pro

Mongo Atlas

Upcoming

Typescript

More

Project Management

B.A. in Communication

Let's talk

headshot

Ji Yoo

+46 (0)73 655 7156

Ji Yoo · Frontend Developer · Ji Yoo · Frontend Developer · Ji Yoo · Frontend Developer · Ji Yoo · Frontend Developer · Ji Yoo · Frontend Developer · Ji Yoo · Frontend Developer