ConStu (Connect to Study, 스터디를 잇다)
👉 ConStu Version 2: Conners 개발중..
🚀 Hosting URL
https://sweet-1cfff.firebaseapp.com
🎈 사용 목적 및 소개
- 네? 뭐라고요??🙋♂️ 스터디를 찾고 있다구요?🤔 스터디에 관한 정보는 모두 여기에!!
- 개발과 관련한 또는 IT와 관련된 스터디를 찾고 같이 공부하고 소통하고 싶을 때 사용합니다.
- 이 프로젝트는 프론트앤드 개발에 집중하기 위해 백앤드 구현을 최소화하였고, 그에 따라 firebase를 사용하였습니다.
- 2021.06.10(목) 기준으로 316개의 단위 테스트와 Code Coverage는 99.6% 이고 41개의 e2e 테스트 시나리오가 존재합니다.
💻 Project Structure
📦 src
┣ 📂 assets
┃ ┣ 📂 css
┃ ┗ 📂 icons
┣ 📂 components
┃ ┣ 📂 auth
┃ ┣ 📂 base
┃ ┣ 📂 common
┃ ┣ 📂 introduce
┃ ┃ ┣ 📂 modals
┃ ┣ 📂 loader
┃ ┣ 📂 main
┃ ┗ 📂 write
┣ 📂 containers
┃ ┣ 📂 auth
┃ ┣ 📂 base
┃ ┣ 📂 groups
┃ ┣ 📂 introduce
┃ ┗ 📂 write
┣ 📂 pages
┣ 📂 reducers
┣ 📂 services
┣ 📂 styles
┣ 📂 util
┃ ┣ 📂 config
┃ ┣ 📂 constants
┣ 📜 App.jsx
┣ 📜 App.test.jsx
┗ 📜 index.jsx👉 개발 기간
- 2020.11.16 ~ 2020.12.13 (1달)
- 계속해서 기능 추가 중.. :link:
🚀 프로젝트 주 차별 계획 및 회고
| 👉 주차 | 계획 | 회고 |
|---|---|---|
| 1 주차 | :link: | :link: |
| 2 주차 | :link: | :link: |
| 3 주차 | :link: | :link: |
| 4 주차 | :link: | :link: |
🎯 코드숨 후기 및 전체 회고
✌️ 진행 사항 및 참고 사항
📚 Project Settings
📢 Install npm dependencies
> npm install📢 Start dev-server
> npm run start📢 Run tests
- Run unit test and e2e test
> npm test-
unit test
> npm run test:unit -
Run e2e test
> npm run test:e2e📢 Run build project
> npm build📢 Run Lint
> npm run lint📢 Run Coverage
> npm run coverage- 자세한 사항은
package.json의scripts참고
📚 Getting start with firebase
📢 firebase API키 관리
📢 Initial firebase setup
- Install firebase-tools
> npm install -g firebase-tools- Login to firebase
> firebase login- Deploy with firebase hosting
> firebase deploy
🔥 기술 스택 및 사용 라이브러리
- React
- Redux, Redux-Toolkit, Redux-Thunk
- React Router Dom
- React Helmet
- React Use
- Emotion, facepaint, react-responsive
- Firebase, FireStore
- Jest, React Testing Library, CodeceptJS
- Webpack, Eslint, Babel
- Immer
- Moment, React-moment
- draft-js, react-draft-wysiwyg
- react-content-loader
🦄 Demo Image
👉 DeskTop
👉 Mobile
