https://github.com/crud0626/my-favorite-quote

This is a site where you can see favorite quotes
https://github.com/crud0626/my-favorite-quote

figma firebase html5 react styled-components typescript webpack zustand

Last synced: about 1 month ago
JSON representation

This is a site where you can see favorite quotes

• Host: GitHub
• URL: https://github.com/crud0626/my-favorite-quote
• Owner: crud0626
• License: mit
• Created: 2022-08-17T02:33:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-13T14:35:32.000Z (over 1 year ago)
• Last Synced: 2024-10-24T13:37:10.110Z (3 months ago)
• Topics: figma, firebase, html5, react, styled-components, typescript, webpack, zustand
• Language: TypeScript
• Homepage:
• Size: 5.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

README

        
# myFavoriteQuotes



myFavoriteQuotes Link





개인적으로 명언을 좋아하여 명언을 좋아하는 분들이

다양한 명언을 보고


저장 및 관리할 수 있도록 제작한 프로젝트입니다.






## 사용 기술



  

  

  

  

  

  





  

  



## 미리보기

|영역|미리보기|

|---|---|

|- 메인 카드 영역||

|- 로그인 기능||

|- 히스토리 및 즐겨찾기 기능||

## 기능

- 로그인 기능

```

Firebase의 Auth를 이용하여 로그인 기능을 구현하였으며 구글, 페이스북, 깃허브를 통한 소셜 로그인을 지원하고 있습니다.

로그인한 유저의 데이터는 Firebase의 realtimeDB에 저장되며 비로그인 유저의 데이터는 세션스토리지에 보관됩니다.

```

- 즐겨찾기 기능 

```

카드와 히스토리 영역의 하트 버튼을 클릭하여 사용자가 저장하고 싶은 명언 목록을 별도로 관리할 수 있습니다.

또한, 즐겨찾기 영역에서 삭제하고 싶은 경우 카드와 히스토리영역 뿐만 아니라 즐겨찾기 리스트에서도 하트 버튼을 클릭해 삭제할 수 있습니다.

```

- 히스토리 기능

```

사용자가 화살표를 클릭 해 새로운 명언을 보는 경우 이는 자동으로 히스토리 목록에 저장되며 최근 히스토리는 10개까지 저장할 수 있습니다.

```

- 다운로드 기능

```

카드의 하트 옆 다운로드 버튼을 사용해 명언과 배경을 보여지는 그대로 사용자가 저장할 수 있습니다.

```