Skip to content

gamjatan9/ThinkTank_FE

 
 

Repository files navigation

💛 WebIDE 프로젝트 feat.ThinkTank

mockup

프로젝트 기간 : 2024.04.25 ~ 2023.05.20

🔗 ThinkTank 서비스 둘러보기 (데스크탑/태블릿 환경에서 이용 가능)

🎬 시연 영상 보러가기

✨ 프로젝트 소개

Think, Share, Develop, ThinkTank

  • ThinkTank은 개발자를 위한 알고리즘 문제풀이 기반 소셜 플랫폼입니다.
  • 각 유저들은 서로 문제 생성 및 풀이를 통해 상호작용이 이루어집니다.
  • 소셜 플랫폼을 기반한 서비스 구조로 친숙하게 서로간 문제를 공유 및 피드백 가능합니다.

⭐️ 주요 기능

📌 로그인

  • 이메일로 로그인이 가능합니다.

image

📌 회원가입

  • 이메일로 회원가입이 가능합니다.
  • 각 입력값이 올바른 형식인지 검사합니다.

image image image

📌 문제 조회

  • 유저들이 포스팅한 문제들을 소셜 구조로 확인 가능합니다.

  • 각 문제에 좋아요, 댓글 수, 해당 문제를 맞춘수가 표시됩니다.

    image

📌 문제 생성

  • 문제 내용과 정답 코드, 테스크 케이스로 구성하여 문제를 생성합니다. image image

📌 문제 풀이

  • 유저들이 올린 문제를 풀어보아 정답을 확인할 수 있습니다.

image image

📌 댓글

  • 각 문제에 댓글을 남길 수 있습니다. image image

📌 유저 정보 조회

  • 자신의 활동(만든 문제, 맞은 문제, 즐겨 찾기)을 조회 가능합니다.
  • 메인 페이지에서 타 유저의 닉네임 클릭으로 정보 조회 가능합니다. image

📌 프로필 수정

  • 자신의 프로필을 수정할 수 있습니다.
  • 로그아웃 및 회원탈퇴를 할 수 있습니다. image image

프로젝트 문서

📒 팀 Notion 🎉 기획안 💌 요구사항 🚀 활동 간 규칙 💬 회의, 회고록 💯 컨벤션

📅 프로젝트 일정

Sprint 기간 내용 작업 현황
1 2024/4/24 - 2024/4/27 각 페이지 UI 구현 ▶️ Sprint1-1, ▶️ Sprint1-2, ▶️ Sprint1-3
2 2024/4/29 - 2024/5/5 각 기능 Api 구현 ▶️ Sprint2-1, ▶️ Sprint2-2, ▶️ Sprint2-3
3 2024/5/6 - 2024/5/12 각 기능 API 구현 ▶️ Sprint3-1, ▶️ Sprint3-2, ▶️ Sprint3-3
4 2024/5/13 - 2024/5/19 UI 테스트 및 코드 리팩토링 ▶️ Sprint4-1, ▶️ Sprint4-2, ▶️ Sprint4-3

🧑‍🧑‍🧒‍🧒 Front TEAMMATE 소개

강신범 김수현 하승진
강신범 김수현 하승진
FrontEnd FrontEnd FrontEnd
FE 팀장, 문제 생성 및 풀이, 배포 로그인, 회원가입, 마이페이지 메인페이지, 라우팅, 메뉴, 좋아요

✔ 아키텍처

architecture

💥 기술스택 및 선정이유

스크린샷 2024-04-29 오전 9 30 50(2)

📦 파일구조

src
  ᄂ apis (api)
  ᄂ assets (폰트, 이미지[gif, png, jpg])
    ㄴ fonts
    ㄴ images
  ᄂ components (컴포넌트)
    ᄂ detail
    ᄂ loader
    ᄂ loginForm
    ㄴ main
    ㄴ mypage
    ㄴ nav
    ㄴ post
    ㄴ shared [재사용]
    ㄴ signup
  ㄴ consts (데이터 모음)
  ㄴ contexts (프로바이더)
  ᄂ hooks (커스텀 훅)
    ᄂ auth
    ᄂ detail
    ᄂ like
    ㄴ post
  ᄂ pages (레이아웃)
    ᄂ detail
    ᄂ error
    ㄴ login
    ㄴ main
    ㄴ mypage
    ㄴ post
    ㄴ signup
  ᄂ routes (라우터)
  ㄴ stores (전역 저장소)
  ᄂ styles (스타일)
  ᄂ types (타입)
  ㄴ utils (계산 커스텀 함수)
    ...
  ᄂ App.tsx

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.7%
  • Other 1.3%