프로젝트 기획

💵 프로젝트 기획 💵

프로젝트에 대해

프로젝트 명: Work it!

고단한 알바생에게 한줄기 힘이 되기 위해,,,

프로젝트 기획 의도

알바 시간을 적는데 애매하게 끝나면 시간 계산 하기 번거로움.

하루의 일한 시간과 일당, 한달 일한 시간과 일당을 구하고 싶음.

리액트를 연습해보는 계기

틈틈히 배우는 node도 첨가해보자!

프로젝트 기술 스택

• Front : React
• Back: Node, Firebase (front 위주, back은 최소화)

참여자

hae-on ( 나 >< ) 🌧 https://github.com/hae-on

프로젝트 진행

화, 수, 목, 금 위주 진행

깃허브 활용

기능

로그인 → 구글 OAuth, node를 활용한 회원가입 및 로그인

각 일을 선택하는 상자 ( 고용주는 각 사람을 선택하는 상자로 변경 가능)

상자 클릭 시 왼쪽 입력란, 오른쪽 금액란

입력란에는 최저 임금 계산기처럼 구성되어 있음 (금액은 input창으로만 구성)

디자인

피그마로 진행

주소 추후 첨부

*디자인 시도해봤지만 아직 무리... 어느정도 개발하면서 한 페이지씩 디자인 하는 것도 나쁘지 않아보임.

페이지 구성

로그인 페이지

메인 페이지

당부 사항

무리해서 하지 말 것. 최소한의 기능을 바탕으로 점차 추가해 나가보자.

블로그에 하루의 배운 내용, 한 내용, 고쳐야 할 부분 등을 적어나가며 개발해 볼 것.

해야할 것

vscode 개발 환경 셋팅

favicon, character 생각해오기

소감

스타벅스 이후 오랜만에 시도하는 개인 프로젝트. 리액트 배운 것을 활용해 볼 예정이다. 순전히 나의 필요에 의해 진행되는 프로젝트이기 때문에 욕심내지는 않을 것. 최소한의 필요한 기능부터 먼저 작성하고 추후에 보완할 예정이다. 혼자 기획을 하려니 참... 힘들군... 나의 이상과 현실의 괴리가 너무 크다 🥲