🍿 소개 영상

https://user-images.githubusercontent.com/54318460/230612473-8b1f3704-898a-4a5e-bb3c-e7c642c8b931.mp4

프로젝트 개요

✅ 어떤 서비스인가요?

📌 기존 버스 어플 + 잔여 좌석 예측

광역버스 입석 금지로 출근을 하지 못하는 사람들을 위한 버스 잔여 좌석 예측 서비스입니다.

경기도에서 제공하는 실시간 잔여좌석 공공 API 및 잔여좌석 통계자료를 사용하여 특정 시간에 특정 버스가 몇 좌석이 남은 채로 올지 예측하여 보여줍니다.

부가적으로 기존 버스 어플에서 제공하는 버스 노선, 실시간 버스 위치, 도착 예정 시간, 북마크 등의 기능을 제공합니다.

✅ 왜 만들었나요?

📌 출근 전쟁이라는 사회문제를 기술로 해결

개발자로서 사람들이 겪는 사회문제를 기술적인 트릭으로 더 쉽게 헤쳐나갈 수 있도록 돕는 역할을 하고 싶었습니다.

1. 버스를 내가 원하는 시간에 탈 수 있다면 얼마나 편할까요? 하지만 그럴 수 없습니다. 대신 국내 버스 GPS 도입으로 우리에게 버스 도착 예정 시간이라는 정보를 제공했고, 우리는 덕분에 많은 불편을 줄였습니다.
2. 마찬가지로 출근 시간대에 당장 버스 수를 늘릴 수는 없습니다. 다만 내가 탈 버스의 잔여 좌석이 어느 정도가 될지에 대한 정보를 받을 수 있다면, 우리는 다양한 대안을 생각해낼 수 있을 것입니다.

웹 개발자로서 사람들이 편리한 정보를 손쉽게 접근할 수 있도록, 타까마까 서비스를 만들게 되었습니다.

⚒️ 기술 스택

• Framework: React
• Language: TypeScript
• Styling Tool : Tailwind
• State Management: Recoil, React Query(Tanstack Query v4)
• Data Fetching : React Query(Tanstack Query v4)
• Builder : Vite
• Testing : Storybook
• Design Tools : Figma
• Communication Tools : Notion, Slack

🧑‍💻 프로젝트 주요 기능

🚌 메인

🎨 서비스의 핵심 기능을 한눈에 볼 수 있습니다.

• 예측 잔여 좌석 정보: 내 출근지에 도착 시 버스의 잔여 좌석 수를 예측할 수 있습니다.
• 실시간 버스 정보: 버스 도착 예정 시각, 잔여좌석, 남은 정류장 수를 볼 수 있습니다.
• 새로고침: 실시간 및 예측 정보를 새로고침 할 수 있습니다.
• 출근지 변경: 현재 보고있는 출근지를 변경 다른 출근지를 등록할 수 있습니다.
• 공지사항: 공지사항을 확인할 수 있습니다.

📈 예측 상세 정보

🎨 예측 정보를 더 상세히 볼 수 있습니다.

• 예측 정보: 출근지 기준 2정거장 전 까지의 예측 잔여좌석 정보를 볼 수 있습니다.
• 실시간 정보: 현재 버스의 위치와 실시간 잔여좌석 정보를 볼 수 있습니다.

📌 출근길 관리

🎨 출근지를 변경, 등록 할 수 있습니다.

• 정류장 검색 : 사용 가능한 정류장을 검색할 수 있습니다.
• 버스 번호 검색 : 정류장에서 탑승 가능한 버스번호를 검색할 수 있습니다.
• 별칭: 출근길의 별칭을 지정할 수 있습니다.