학교 다닐때 샐랩 (Sal Lab)이라는 샐러드를 배달해주는 음식점이 있었다. 여기서 샐러드를 주문하기 위해서는 전화를 하거나 네이버 카페에 접속해야 했는데, 샐랩 자체의 웹사이트가 있으면 좋겠다라는 생각을 했었다. 그래서 샐랩을 위한 웹사이트를 React를 공부하는 김에 한번 만들어 보자는 생각에 프로젝트를 시작하였다. 예전에 Lunch Box라는 회사가 있었는데 이 회사의 웹사이트의 디자인을 토대로 만들었다. 그래서 프로젝트 이름을 Lunch Box라고 하였다.
웹사이트 접속 링크는 다음과 같다.
https://lunchbox-97110.web.app/
React App
lunchbox-97110.web.app
웹사이트는 5개의 페이지로 구성되어있다.
WE ARE SALLAB - 샐랩의 소개를 확인할 수 있다.
MENU - 샐랩의 메뉴를 볼 수 있으며 주문 기능은 구현하지 않았다.
SALLABERS - 샐랩의 공지 게시판으로 글 내용을 확인하고 댓글을 작성할 수 있다.
MY SALLAB - 샐랩에서 주문한 내용을 확인할 수 있다. 유져별 주문 기능은 구현하지 않았다.
LOGIN - 샐랩의 로그인 화면으로 실질적인 기능은 구현하지 않았다.
React와 Firebase를 이용하였고 스스로 코드를 리뷰하기 위해 여기에 작성 내용을 공유하고자한다. React 공부가 목적으로 화면상으로만 보여주기 위한 기능이 대부분이다.
소스 깃 주소
https://gitlab.com/n113345/lunchbox
JB n11334naver.com / LunchBox
GitLab.com
gitlab.com
'개인 개발 프로젝트 > Lunch Box 앱' 카테고리의 다른 글
| [Lunch Box] 6. 상단탭과 라우팅 설정 (0) | 2019.10.05 |
|---|---|
| [Lunch Box] 5. css 파일 (0) | 2019.10.04 |
| [Lunch Box] 4. 기본 페이지 (0) | 2019.10.04 |
| [Lunch Box] 3. Firebase 배포 설정 (0) | 2019.10.03 |
| [Lunch Box] 2. 프로젝트 및 Webpack 설정 (0) | 2019.10.03 |