Skip to content

네? 뭐라고요??🙋‍♂️ 스터디를 찾고 있다구요?🤔 스터디에 관한 정보는 모두 여기에!!

License

Notifications You must be signed in to change notification settings

CodeSoom/ConStu

Repository files navigation

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달)
  • 계속해서 기능 추가 중.. 🔗

🚀 프로젝트 주 차별 계획 및 회고

👉 주차 계획 회고
1 주차 🔗 🔗
2 주차 🔗 🔗
3 주차 🔗 🔗
4 주차 🔗 🔗

🎯 코드숨 후기 및 전체 회고


✌️ 진행 사항 및 참고 사항

📚 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.jsonscripts 참고

📚 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

desktop-demo

👉 Mobile

About

네? 뭐라고요??🙋‍♂️ 스터디를 찾고 있다구요?🤔 스터디에 관한 정보는 모두 여기에!!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages