Giters

dobyming / Emotionary

πŸ–‹ Write your own story with moods.

Home Page:https://emotionary.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

firebasereact

Emotionary

Emotionary λŠ” 감정을 일기μž₯에 κ³΅μœ ν•˜λŠ” μ›Ήμ•±μž…λ‹ˆλ‹€.

Installation & Start

이 ν”„λ‘œμ νŠΈλŠ” React CRA νŒ¨ν‚€μ§€ 기반으둜 μž‘μ„±λœ SPA μ›Ή μ–΄ν”Œλ¦¬μΌ€μ΄μ…˜ μž…λ‹ˆλ‹€.

npx create-react-app "project_name"

NPM을 ν™œμš©ν•˜μ—¬ ν•΄λ‹Ή ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

npm run start

Stacks

HTML5 CSS3 React NPM Firebase Visual Studio Code

Functions

각 νŽ˜μ΄μ§€λ³„ 이동은 React-Router-Dom을 ν™œμš©ν–ˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή ν”„λ‘œμ νŠΈμ—μ„œλŠ” 크게 4가지 κΈ°λŠ₯을 μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

  1. μƒˆ 일기 μž‘μ„±ν•˜κΈ°

    μ‚¬μš©μžλŠ” λ‚ μ§œ 및 감정을 μ„ νƒν•˜κ³  μƒˆ 일기λ₯Ό μž‘μ„±ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

    2023-03-02 17;20;21

  2. 일기 상세보기

    ν™ˆ 화면에 λ‚˜μ—΄λ˜μ–΄ μžˆλŠ” 일기듀을 ν΄λ¦­ν•΄μ„œ 상세 보기λ₯Ό ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 2023-03-02 17;25;25

  3. 일기 μˆ˜μ •ν•˜κΈ°

    μˆ˜μ •ν•˜κ³  싢은 일기λ₯Ό μˆ˜μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

    2023-03-02 17;27;09

  4. 일기 μ‚­μ œν•˜κΈ°

    μ§€μš°κ³  싢은 μΌκΈ°λŠ” μ‚­μ œν•  수 μžˆμŠ΅λ‹ˆλ‹€.

    2023-03-02 17;28;44

    κ·Έ μ™Έ. 닀크λͺ¨λ“œ 지원

    ν† κΈ€ λ²„νŠΌμ„ 톡해 닀크λͺ¨λ“œλ‘œ 앱을 λ°”κΏ”λ³΄μ„Έμš”!

    2023-03-02 17;31;04

logs

ν•΄λ‹Ή λ…Έμ…˜ μ‚¬μ΄νŠΈμ— 각 κΈ°λŠ₯별 κ΅¬ν˜„ log듀을 남기고 μžˆμŠ΅λ‹ˆλ‹€.

About

πŸ–‹ Write your own story with moods.

https://emotionary.web.app/

firebasereact

Languages

Language:JavaScript 68.6%Language:CSS 24.9%Language:HTML 6.5%