View Code? Open in Web Editor
NEW
This project forked from jen-frontend/fastcampus-react-twitter
CRA를 이용한 실시간 트위터 앱
Home Page: https://fastcampus-react-twitter.vercel.app/
TypeScript 81.31%
HTML 2.22%
SCSS 16.47%
fastcampus-react-twitter's Introduction
React Twitter
- 상태관리와 실시간 데이터 업데이트 이해
- 실시간 업데이트와 푸시 알림
- 팔로우 및 소셜 기능
- 타임라인 및 필터링
- (create-react-app) SPA
- 반응형 웹
- 미디어쿼리
- Recoil, React Context API
- 권한관리
- 다국어처리 기능
- SCSS 사용
- 모바일 대응 스타일링 (미디어 쿼리)
- 레이아웃, 폼, 게시글 박스, 프로필, 탭 등
- Firebase storage를 이용한 이미지 업로드
- Firebase auth를 이용한 사용자 인증
- firestore를 이용한 실시간 데이터 동기화 & 저장 & 관리 (onSnapshot 동기화 개념 사용)
- React
- Firebase(로그인, 보안, 통신)
- SCSS
- Recoil
- Vercel
- 폴더 구조
- CRA 이용 프로젝트 세팅
- React hooks(useEffect, useState, useContext, useCallback)
- React-router-dom 라우터
- Recoil를 이용한 전역 상태관리
- SCSS 스타일링
- 홈 타임라인
- firestore 실시간 트위터 보여주기
- React 컴포넌트로 트위터 표시
- 트윗 작성/편집 페이지
- SNS 로그인/회원가입 기능
- 기본 로그인/회원가입 기능
- SNS 로그인/회원가입 기능 (OAuth)
- 사용자 개별 프로필 페이지
- 마이페이지와 같은 프로필 페이지 작업
- 좋아요 게시글 모아보기
- 프로필 이미지 수정
- 해시태그 생성 및 해시태그 검색 페이지
- 글 작성 시 해시태그 생성 / 수정 기능
- 해시태그만 모아서 검색해볼 수 있는 탭 구현
- Recoil를 이용한 전역 상태관리
- 다국어 처리
- 좋아요
- 댓글
- 팔로잉/팔로우
- 반응형 웹
fastcampus-react-twitter's People
Contributors
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent