프로젝트 소개

• SNS, 방송을 중심으로 깻잎, 새우 논쟁 등 다양한 의견이 있는 간단한 논쟁들을 쉽게 투표하고 의견을 나누는 토론 커뮤니티 서비스입니다.

서비스 주소

• Github 주소

  https://github.com/prgrms-fe-devcourse/FEDC2_TORONTO_Nayoung

• 현재 백엔드 서비스를 종료하여 확인할 수는 없는 상태입니다.

  토론토 | TORONTO

개발 환경

• React, Javascript, styled-components, ContextAPI, Storybook

폴더 구조

📦toronto
 ┣ 📂.netlify
 ┃ ┗ 📜edge-functions-import-map.json
 ┣ 📂.storybook
 ┃ ┣ 📜main.js
 ┃ ┗ 📜preview.js
 ┣ 📂functions
 ┃ ┗ 📜request.js
 ┣ 📂public
 ┃ ┣ 📜favicon.ico
 ┃ ┣ 📜index.html
 ┃ ┣ 📜manifest.json
 ┃ ┣ 📜robots.txt
 ┣ 📂src
 ┃ ┣ 📂api
 ┃ ┃ ┣ 📜Api.js
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂assets
 ┃ ┃ ┣ 📂fonts
 ┃ ┃ ┃ ┣ 📜SCDream.otf
 ┃ ┃ ┣ 📂images
 ┃ ┃ ┃ ┣ 📜post_placeholder.png
 ┃ ┃ ┃ ┣ 📜toronto.png
 ┃ ┃ ┃ ┗ 📜user_placeholder.png
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂atoms
 ┃ ┃ ┣ ***
 ┃ ┃ ┣ 📂molecules
 ┃ ┃ ┃ ┣ ***
 ┃ ┃ ┗ 📂organisms
 ┃ ┃ ┃ ┣ ***
 ┃ ┣ 📂constants
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂contexts
 ┃ ┃ ┣ 📜UserContext.js
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂hooks
 ┃ ┃ ┣ 📂useAsync
 ┃ ┃ ┃ ┣ 📜index.js
 ┃ ┃ ┃ ┗ 📜useAsyncFn.jsx
 ┃ ┃ ┣ 📂useForm
 ┃ ┃ ┃ ┗ 📜index.js
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂layout
 ┃ ┃ ┗ 📜Layout.jsx
 ┃ ┣ 📂lib
 ┃ ┃ ┗ 📜Login.js
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📜About.jsx
 ┃ ┃ ┣ 📜Controversy.jsx
 ┃ ┃ ┣ 📜ControversyResult.jsx
 ┃ ┃ ┣ 📜EditProfile.jsx
 ┃ ┃ ┣ 📜Home.jsx
 ┃ ┃ ┣ 📜Login.jsx
 ┃ ┃ ┣ 📜NotFound.jsx
 ┃ ┃ ┣ 📜Post.jsx
 ┃ ┃ ┣ 📜SignUp.jsx
 ┃ ┃ ┣ 📜UserListPage.jsx
 ┃ ┃ ┣ 📜UserProfile.jsx
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂stories
 ┃ ┃ ┗ 📂components
 ┃ ┃ ┃ ┣ 📂atoms
 ┃ ┃ ┃ ┃ ┣ 📜***
 ┃ ┃ ┃ ┣ 📂molecules
 ┃ ┃ ┃ ┃ ┣ 📜***
 ┃ ┃ ┃ ┗ 📂organisms
 ┃ ┃ ┃ ┃ ┗ 📜***
 ┃ ┣ 📂templates
 ┃ ┃ ┗ 📜index.js
 ┃ ┣ 📂utils
 ┃ ┃ ┗ 📜asyncActionUtils.js
 ┃ ┣ 📜App.css
 ┃ ┣ 📜App.js
 ┃ ┗ 📜index.js
 ┣ 📜.env
 ┣ 📜.eslintrc
 ┣ 📜.gitignore
 ┣ 📜.prettierrc
 ┣ 📜README.md
 ┣ 📜craco.config.js
 ┣ 📜netlify.toml
 ┣ 📜package.json
 ┗ 📜yarn.lock

주요 기능

홈페이지

투표

투표 결과 확인 및 댓글

프로젝트에서 어떤 역할과 참여을 했나요?