나의 개인프로젝트인 RandomShop을 살려보려고 한다.
포트폴리오에 넣을 수 있을 정도로는 만들어 놔야하니까...
일단 초반 기술 스택은
TypeScript , React, Vite, Firebase, styled component
다섯 개다.
여기에 나는 tailwindcss & daisyUI를 더할 예정이다.
기능은 원래
firebase : 백엔드 서비스 연동, 회원가입 및 로그인, 구글 소셜로그인
음식 검색 및 검색 키워드 자동완성
음식 필터링(카테고리 분류) + 페이지네이션
카트 담기
위시리스트 이 정도이고,
와이어 프레임 초안은 아래에 있다. 너무 초... 라해
Figma
Created with Figma
www.figma.com
팀프로젝트때 해보니까 피그마 보다 미로가 더 쉽고 간편하다고 느낌
그래서 와이어프레임도 예쁘게 다시 짜 볼 예정임
하루에 한 단계씩 나가봅시다.
기획배경
요즘 먹는 게 다 비슷비슷하다 보니 오늘 점심 뭐 먹지? 저녁 뭐 먹지?라는 생각을 많이 하게 되었습니다.
장 보러 갈 시간이 부족하기도 하고 먹는 걸 고민해야 하는 약간의 스트레스를 때문에
식단을 랜덤 하게 추천해 줘서 밀키트를 판매하는 그런 웹 페이지를 만들어 보고 싶다는 생각이 들어 만들어 보았습니다
나중에 다 고치고 나서 재사용할 멘트들도... ㅎ
일단 오늘은 tailwind랑 daisyUI를 세팅하고
tailwind와 style component를 같이 사용가능하게 해주는 macro도 세팅해야 한다.
아니 세팅을 많이 바꿔야 할 것 같다;;;;
그러고 나서 와이어프레임까지 완성하는 게 내 목표임
화이팅
320x100
'프로젝트 > 개인프로젝트' 카테고리의 다른 글
| [00] portfolio를 만들자(찐) (0) | 2023.09.20 |
|---|---|
| 랜덤 선택 기능 (0) | 2023.08.01 |
| 프로젝트는 설계가 중요.... (0) | 2023.07.26 |
| 와이어프레임 (0) | 2023.06.29 |
| portfolio 만들자 1 (0) | 2023.04.21 |