/nwitter

[노마드코더] 트위터 클론코딩 Nwitter 📆 2021.12.20 ~ 2022.01.14

Primary LanguageJavaScript

[개인 프로젝트] 2021.12.20 ~ 2022.1.14

트위터 클론 코딩 - Nwitter https://hongsinwon.github.io/nwitter/#/

주요 기능

  1. 로그인 + 로그아웃
  2. 간편로그인 ( 구글 / 깃허브 )
  3. 프로필
  4. 글 작성 + 수정 + 삭제
  5. 이미지 첨부

활용 기술

  1. html
  2. css
  3. React.js
  4. firebase

개요

  • 회사 업무작업이후 jsvascript공부와 React공부를 하며 처음으로 진행하는 프로젝트 입니다.
  • firebase와 github사용과 React component를 익숙해 지고자 노마드코더 강의를 보고 진행하였습니다.
  • 추가적으로 작성시간 출력과 이미지 업로드시 편의성을 추가하였습니다.


완성된 페이지

1. 로그인

로그인창


2. 메인 페이지

메인


3. 이미지 업로드 + 글 수정

이미지작성 수정


4. 마이페이지 & 로그아웃

마이페이지