Web13 Moyeomoyeo

screenshot of Web13 Moyeomoyeo
nestjs
nextjs
react
mantine

개발자들을 위한 커뮤니티 및 소모임 활성화 서비스

Overview

모여모여는 개발자들이 함께 모여 프로젝트를 수행하고 스터디를 할 수 있도록 도와주는 플랫폼입니다. 다양한 개발자 동료들과 함께 협업하는 기회를 제공하여, 실질적인 기술을 배우고 공유할 수 있는 공간을 제공합니다. 이 서비스는 지속적인 코드 리뷰와 리팩토링을 통해 코드 품질을 높이는 데 초점을 맞추고 있습니다.

프로젝트의 목표는 팀원들이 애정을 가질 수 있는 목적 있는 프로젝트를 만들어가는 것이며, 다양한 기능을 통해 개발 생산성을 극대화하고 있습니다. 이 플랫폼은 사용자가 더욱 효과적으로 협업할 수 있는 환경을 조성하고, 사용자 경험을 향상시키기 위해 지속적으로 노력하고 있습니다.

Features

  • 중복 게시글 조회 방지: 페이지네이션 방식 변경 및 쿼리 개선으로 보다 유용한 정보 탐색을 가능하게 했습니다.
  • 효율적인 에러 처리: custom hook, error class, ErrorBoundary를 이용하여 API 핵심 로직의 관심사를 분리하고 사용자에게 적절한 오류 화면을 제공합니다.
  • 성능 개선: 이미지 최적화, SSR, Blur, Skeleton을 적용하여 전반적인 사용자 경험을 향상시켰습니다.
  • 체계적인 설계와 문서화: 스토리북을 도입하여 컴포넌트의 설계와 문서화를 통해 개발자 경험을 극대화했습니다.
  • CI/CD 파이프라인 구축: 지속적인 CI/CD 개선을 통해 CI 시간을 약 40초 단축하여 개발 생산성을 높였습니다.
nestjs
Nest

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

mantine
Mantine UI

A fully featured React components library. 100+ components, 50+ hooks.

docker
Docker

A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.