crucial-sub / messenger Goto Github PK

View Code? Open in Web Editor NEW

This project forked from console-lo9/messenger

1.0 0.0 0.0 1.27 MB

메신저 과제 구현 내용을 담은 레포지토리입니다

HTML 0.03% JavaScript 99.97%

messenger's Introduction

메신저 웹 페이지

서비스 링크: https://console-lo9-messenger.herokuapp.com

👏 프로젝트 소개

json-server 로 만든 가상의 서버에서 대화 목록을 가져와 대화 목록을 화면에 출력한 후 대화에 참여한 사용자가 메시지를 전송할 수 있도록 하는 페이지 제작.

🚀 스택

⚙ 설치

# clone the project
$ git clone https://github.com/console-lo9/messenger.git

# install modules
$ cd messenger
$ npm ci || yarn

# start
$ npm run start:dev || yarn start:dev

⠀
⠀  You can now view this project in the browser.
⠀  http://localhost:3000/
⠀

🔗 의존성

"dependencies": {
    "@reduxjs/toolkit": "^1.7.2",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "concurrently": "^7.0.0",
    "cross-env": "^7.0.3",
    "json-server": "^0.17.0",
    "nanoid": "^3.2.0",
    "polished": "^4.1.4",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.1",
    "react-redux": "^7.2.6",
    "react-router-dom": "^6.2.1",
    "react-scripts": "5.0.0",
    "styled-components": "^5.3.3",
    "web-vitals": "^2.1.4"
}

📂 파일 구조

├── public
├── server
└── src
    ├── assets
    ├── components
    │   ├── Header
    │   ├── Login
    │   ├── Messages
    │   ├── Modal
    │   ├── NewMessage
    │   └── SideNav
    ├── hooks
    ├── layout
    ├── models
    ├── pages
    ├── store
    │   ├── action
    │   └── reducer
    └── utils
    │   └── constants
    ├── App.js
    ├── GlobalStyle.js
    └── index.js