Hello, I am
Sujeong Ji
Full Stack Developer
profile

About Me

desk

I am an enthusiastic full-stack developer, focusing on React.js and Next.js for front-end development and Node.js and Nest.js for back-end development.

With a strong dedication to front-end development, I am continually expanding my expertise into full-stack proficiency with DevOps competencies.

I have experience in planning, designing, developing and deploying both frontend and backend for web applications.

I love learning new technologies and apply them to real-world projects. I also aspire to engage in work that inspires and empowers people through technology.

I look forward to contributing as a team player to dynamic projects and growing together with great team members.

Insightful Problem Solver

- Analyze and solve problems with keen insight.

- Seek for the best results within limited resources.

Supportive Collaborator

- Arrange and share knowledge with colleagues.

- Empower people to solve problems on their own.

Challenger

- Enjoy learning new things and applying in practice.

- Quickly adapt to new environments and challenge.

Detail-Oriented Developer

- Focus on detail and communication for improvement.

- Emphasize functionality, convenience and aesthetics.

Creative Thinker

- Explore insights through interdisciplinary approaches.

- Aspire to innovate and shape lives and culture.

work

My Skills

Frontend

Programming Languages

  • Icon of JavaScript skillJavaScript
  • Icon of TypeScript skillTypeScript

Libraries & Frameworks

  • Icon of React skillReact
  • Icon of Next.js skillNext.js

State Management

  • Icon of Redux skillRedux
  • Icon of Recoil skillRecoil
  • Icon of Zustand skillZustand
  • Icon of TanStack Query skillTanStack Query

Styling

  • Icon of Styled-components skillStyled-components
  • Icon of SASS skillSASS
  • Icon of Tailwind CSS skillTailwind CSS

Backend

Programming Languages

  • Icon of JavaScript skillJavaScript
  • Icon of TypeScript skillTypeScript

Libraries & Frameworks

  • Icon of Node.js skillNode.js
  • Icon of Express skillExpress
  • Icon of Nest.js skillNest.js

Databases

  • Icon of MongoDB skillMongoDB
  • Icon of PostgreSQL skillPostgreSQL

ORM/ODM

  • Icon of Mongoose skillMongoose
  • Icon of Prisma skillPrisma
  • Icon of TypeORM skillTypeORM

Tools

Build Tools

  • Icon of Webpack skillWebpack
  • Icon of Vite skillVite
  • Icon of Turborepo skillTurborepo

Testing

  • Icon of Testing Library skillTesting Library
  • Icon of Jest skillJest
  • Icon of Cypress skillCypress
  • Icon of Storybook skillStorybook

Containerization

  • Icon of Docker skillDocker

Version Control

  • Icon of Git skillGit
  • Icon of GitHub skillGitHub

Deployment

CI/CD

  • Icon of GitHub Actions skillGitHub Actions
  • Icon of CircleCI skillCircleCI
  • Icon of AWS (S3, EC2, ECR, CodeDeploy) skillAWS (S3, EC2, ECR, CodeDeploy)

Hosting & Deployment

  • Icon of Vercel skillVercel
  • Icon of Render skillRender

My Portfolio

Screenshot of the project Moongtel
#Fullstack#MERN#Redux-toolkit
Moongtel
This web application is a platform that facilitates hotel reservations, especially for pet-dedicated hotels.
Key Features

Led end-to-end web development from initial planning to deployment, using MERN Stack, Firebase, Naver Cloud and Redux Toolkit.

Established CI/CD pipelines using Webpack, Yarn Berry and GitHub Actions for automated deployment.

Developed reservation system, payment gateway integration, user authentication, image upload, WYSIWYG editor and map integration and more.

Frontend
  • React
  • Redux Toolkit
  • Styled-components
  • Webpack
  • Yarn Berry
  • i18n
Backend
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Firebase
  • Naver Cloud
  • GitHub Actions
Icon of TypeScript skill
Icon of React skill
Icon of Redux-toolkit skill
Icon of Webpack skill
Icon of Yarn Berry skill
Icon of Styled-components skill
Icon of Node skill
Icon of Express skill
Icon of MongoDB skill
Icon of Mongoose skill
Icon of NaverCloud skill
Icon of Firebase skill
Icon of GitHub Actions skill
Icon of Render skill
Screenshot of the project Bruadarach
#Fullstack#Next.js#Next-Auth
Bruadarach
This web application provides information on Korean culture, events and news to help foreigners living in Korea.
Key Features

Developed a full-stack web application using Next.js, MongoDB, Prisma and Firebase, and deployed it on Vercel.

Integrated OAuth authentication with NextAuth, enabling secure user login via Google, Facebook, and GitHub.

Implemented real-time comment updates with SWR and applied performance optimisation techniques throughout the application.

Frontend
  • Next.js
  • Next-Auth
  • React
  • Context API
  • SWR
Backend
  • Next.js
  • MongoDB
  • Prisma
  • Firebase
Icon of TypeScript skill
Icon of Next skill
Icon of Next-Auth skill
Icon of React skill
Icon of MongoDB skill
Icon of Prisma skill
Icon of Firebase skill
Icon of Vercel skill
Screenshot of the project Chat App
#Fullstack#MERN#SocketIO
Chat App
This web application provides a real‑time chat interface for instant messaging and interactive communication.
Key Features

Implemented real-time messaging with Socket.IO, facilitating seamless communication between users.

Conducted testing with Jest and Supertest to verify authentication and messaging functionality.

Frontend
  • React
  • Context API
  • Zustand
  • Tailwind CSS
  • Vite
Backend
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Socket.IO
  • Jest
Icon of TypeScript skill
Icon of React skill
Icon of Zustand skill
Icon of Node skill
Icon of Express skill
Icon of MongoDB skill
Icon of TailwindCSS skill
Icon of SocketIO skill
Icon of Jest skill
Icon of Vite skill
Icon of Render skill
Screenshot of the project Survey App
#Frontend#Redux-toolkit
Survey App
This web application offers core functionalities of Google Forms with dynamic form and page management.
Key Features

Crafted reusable components for dynamic form and page management across various modes.

Enhanced web accessibility and optimised performance by improving Lighthouse performance metrics.

Frontend
  • React
  • Redux Toolkit
  • Styled-components
  • Vite
Backend
  • None
Icon of TypeScript skill
Icon of React skill
Icon of Redux-toolkit skill
Icon of Styled-components skill
Icon of Vite skill
Icon of Vercel skill
Screenshot of the project AI Counsellor
#Frontend#OpenAI
AI Counsellor
This web application offers AI-powered counselling.
Key Features

Provided expert psychological insights, emotional analysis and actionable self-improvement plans.

Frontend
  • OpenAI
  • React
  • TypeScript
  • Vite
Backend
  • None
Icon of OpenAI skill
Icon of TypeScript skill
Icon of React skill
Icon of Vite skill
Icon of Vercel skill
Screenshot of the project AI Image Generator
#Frontend#OpenAI
AI Image Generator
This web application delivers AI-generated images.
Key Features

Generates original images from user‑provided text prompts via OpenAI API.

Frontend
  • OpenAI
  • React
  • TypeScript
  • Vite
Backend
  • None
Icon of OpenAI skill
Icon of TypeScript skill
Icon of React skill
Icon of Vite skill
Icon of Vercel skill
Screenshot of the project Portfolio
#Frontend#Next.js
Portfolio
This is a fully responsive portfolio web application built with Next.js 13.
Key Features

Implemented internationalization for multi-language support. (EN/KO)

Integrated email functionality to route contact form submissions directly to personal email.

Frontend
  • Next.js
  • React
  • TypeScript
Backend
  • None
Icon of Next skill
Icon of React skill
Icon of TypeScript skill
Icon of Vercel skill

Contact Me

Have a question?

suji.sujeongji@gmail.com

Current Location

London, UK