๐ https://mybakingrecipe.app
My Baking Recipe์ ๋ ์ํผ๋ฅผ ๊ด๋ฆฌํ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค.
- ๋ ์ํผ ํ์ด์ง์์๋ ๋ค์ํ ๋ ์ํผ๋ฅผ ๊ตฌ๊ฒฝํ ์ ์์ต๋๋ค.
- ๋ ์ํผ ์ ๋ณด๋ฅผ ๋ณด๊ธฐ, ์์ฑ, ์์ , ์ญ์ (CRUD)ํ ์ ์์ต๋๋ค.
- [์ ๋ ฅ, ์์ ] ์์ฌ๋ฃ๋ฅผ Drag and Drop์ผ๋ก ์์น๋ฅผ ์กฐ์ ํ ์ ์์ต๋๋ค.
- [์ ๋ ฅ, ์์ ] ์ด๋ฏธ์ง ์ ์ฅ(3MB ์ดํ / jpg, jpeg, png, gif)์ ์ง์ํฉ๋๋ค.
- ๋ ์ํผ ๋ชฉ๋ก์ ๋ฌดํ์คํฌ๋กค(IntersectionObserver) ํ์์ผ๋ก ๊ตฌ์ฑ๋์ด ์์ต๋๋ค.
- Google ๊ณ์ ์ผ๋ก ๋ก๊ทธ์ธ ํ ๊ณต์ฉ ์ฑํ ๋ฐฉ(Chat)์์ ์ฑํ ํ์ค ์ ์์ต๋๋ค.
- ํ์ฌ๋ Google Auth ๋ก๊ทธ์ธ๋ง ์ง์ํ๊ณ ์์ต๋๋ค.
- ๋ก๊ทธ์ธ ํ ๋ ์ํผ ์์ฑ, ์์ , ์ญ์ ๊ฐ ๊ฐ๋ฅํฉ๋๋ค.
- ๋ก๊ทธ์ธ ํ ๊ณต์ฉ ์ฑํ ๋ฐฉ(Chat)์์ ์ฑํ ํ์ค ์ ์์ต๋๋ค.
- React
- React Router Dom
- Redux, Redux-Thunk, Redux-Toolkit
- Jest, React Testing library
- uuid, react-beautiful-dnd
- Babel, Webpack, ESLint
- Firebase, Storage
- Sentry
npm install
npm run dev
npm run deploy
npm run lint
npm run coverage
# running option
npx jest --watchAll --coverage --detectOpenHandles
# (Require: local server online) npm run dev
npm run test:e2e