Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details

All Projects → connect-foundation → 2019 12

connect-foundation / 2019 12

🎟 급증하는 트래픽에도 안정적인 예약 서비스, Atomic Pattern을 적용한 재사용 가능한 컴포넌트, 실용적인 Testing을 주제로 하는 이벤트 서비스

Programming Languages

32286 projects

Labels

react nodejs docker kubernetes redis express jest styled-components travis-ci storybook mariadb enzyme atomic

Projects that are alternatives of or similar to 2019 12

✍️ 个人技术博客

Stars: ✭ 79 (-53.25%)

Mutual labels: styled-components, enzyme, jest, travis-ci, storybook

blog service @nestjs

Stars: ✭ 188 (+11.24%)

Mutual labels: redis, express, travis-ci, jest

A modern React boilerplate to awesome web applications

Stars: ✭ 116 (-31.36%)

Mutual labels: express, jest, enzyme, styled-components

Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss

Stars: ✭ 244 (+44.38%)

Mutual labels: express, jest, enzyme

Lerna Yarn Workspaces Monorepo

🐉 A Monorepo with multiple packages and a shared build, test, and release process.

Stars: ✭ 201 (+18.93%)

Mutual labels: jest, styled-components, storybook

React starter kit based on Atomic Design

Stars: ✭ 2,780 (+1544.97%)

Mutual labels: jest, styled-components, storybook

react-multi-context

Manage multiple React 16 contexts with a single component.

Stars: ✭ 19 (-88.76%)

Mutual labels: enzyme, jest, travis-ci

medly-components

🧩 Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.

Stars: ✭ 66 (-60.95%)

Mutual labels: styled-components, jest, storybook

React Ssr Starter

All have been introduced React environment

Stars: ✭ 20 (-88.17%)

Mutual labels: jest, enzyme, styled-components

Express React Boilerplate

🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.

Stars: ✭ 32 (-81.07%)

Mutual labels: express, jest, storybook

React-Redux-Enterprise

A React-Redux boilerplate for enterprise/large scaled web applications

Stars: ✭ 77 (-54.44%)

Mutual labels: styled-components, enzyme, jest

React Redux Starter with SSR 🤖

Stars: ✭ 43 (-74.56%)

Mutual labels: express, jest, enzyme

react-component-library-lerna

Build your own React component library managed with lerna, presented with storybook and published in private npm registry.

Stars: ✭ 55 (-67.46%)

Mutual labels: styled-components, jest, storybook

🚀 NLW #4 | React+ TypeScript + NextJS + StyledComponents + Firebase + MongoDb +Axios

Stars: ✭ 39 (-76.92%)

Mutual labels: jest, styled-components, storybook

React Adventure

⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.

Stars: ✭ 62 (-63.31%)

Mutual labels: jest, enzyme, styled-components

A React components library with Win95 UI

Stars: ✭ 1,779 (+952.66%)

Mutual labels: styled-components, storybook

A middleware framework and persistence layer to aggregate and normalize crypto-currency data.

Stars: ✭ 118 (-30.18%)

Mutual labels: redis, express

Storybook Addon

Develop themable components with Emotion/Styled Components/Material-UI with help of Storybook & React Theming

Stars: ✭ 122 (-27.81%)

Mutual labels: styled-components, storybook

React Redux Bootstrap Webpack Starter

React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER

Stars: ✭ 133 (-21.3%)

Mutual labels: jest, enzyme

Razzle Material Ui Styled Example

Razzle Material-UI example with Styled Components using Express with compression

Stars: ✭ 117 (-30.77%)

Mutual labels: express, styled-components

View All Similar Projects ➔

BookUs!

📺 HomePage

📕 Storybook for Bookus

🌲 Cypress for Bookus

✍️ Writing

Atomic Design for React by @inthewalter

실용적인 리액트 테스트 전략 by @doong-jo

주니어 개발자의 CI/CD 도입기 by @FullOfOrange

Express 기반 프로젝트에서 Typescript Typing에 대한 고민 by @dobest27

React Hooks 로 전역스토어 만들기 by @FullOfOrange

소개

Bookus!는 이벤트 예약 서비스 Festa! 클론 프로젝트입니다. 순간적으로 많은 트래픽이 몰리더라도 중단되지 않는 안정적인 선착순 예약 서비스를 목표로 하고 있습니다. 따라서 다음과 같은 도전과제를 갖고 있습니다.

재사용성이 높고 테스트로 검증된 UI Component

Atomic Desgin Pattern

AtomicDesign

가장 작은 단위의 컴포넌트를 만들어, 큰 단위로 쌓아나가며 각각의 UI 단위를 만들어 나가는 디자인 패턴입니다. 이번 프로젝트에서는 재사용성이 뛰어난 UI를 위해 아토믹 디자인 패턴을 적용했습니다.

실용적인 프론트엔드 테스트

1. Custom Hooks Testing

비동기로 API 요청에 대한 처리가 주가 되는 상태 관리에 대한 테스트

2. Playground for UI components of Storybook

Storybook을 통한 독립된 환경에서의 컴포넌트 테스트

3. Cypress를 이용한 End-to-End Testing

각 페이지와 컴포넌트 UI 테스트

과중한 트래픽이 몰려도 안정적으로 예약이 가능한 시스템

예약이 필요한 시점마다 늘어나는 트래픽을 감당하기 위한 Container Orchestration 툴로 Kubernetes를 선택했습니다. 설정파일

DevOps

Docker hub

Reserve Server image

Test

테스트 커버리지 80를 목표로 하는 검증된 코드를 통한 안정적인 서비스를 목표로 합니다.

Front-End : Jest + Enzyme + Stroybook + Cypress
Back-End : Jest + Supertest

Built With

Team

문종현 @dobest27
육진혁 @FullOfOrange
이용호 @inthewalter
조성동 @doong-jo

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Stars: ✭ 169

Visit Git Page 🔗Visit User Page 🔗Visit Issues Page (11) 🔗