Cargo App Design and Development

Project Introduction: It's a React web application that the cost of cargo service is automatically calculated according to the distance, tonnage, and vehicle type when requesting a cargo truck.

It is easily accessible on a website made with React, and I have also packaged this website into a mobile app using React Native, which is available on app stores.
Scope of Work: Participation and Supported Environment
- UI/UX design and development using Figma
- Building the Firebase server
- Handling React front-end development
- Preparing for release on the Android Google Store
Key Responsibilities: Main Features and Pages of the Service
- Automatic estimation calculation when selecting the distance, tonnage, and vehicle type
- Email estimation document delivery
- Inquiry feature
- Click-to-call feature
Key Points: Emphasis on Design and Development
- I created the website using React to make it accessible to consumers on any platform, and I packaged this website into React Native for wider availability.

<바로카고 앱 디자인, 개발, 출시>

포트폴리오 소개
1. 화물차 호출 시 이동거리와 톤 수, 차종을 선택하면 자동으로 견적이 계산되어서 견적서가 발송되는 웹앱입니다. React로 제작된 웹사이트에서도 쉽게 이용할 수 있고, 이 웹사이트를 React Native로 패키징 하여 앱으로 제작하여 앱스토어에도 출시하였습니다.
작업 범위
- UI/UX 디자인 및 개발, 서버 구축, Front-end 개발을 도맡아 하였습니다.
- Android Google Store에 출시작업을 하였습니다.
주요 업무
- 이동거리와 톤 수, 차종을 선택하면 자동으로 견적 계산 기능, 견적서 발송 기능, 문의 기능, call걸기 기능
주안점
- 소비자들이 편하게 어떤 플랫폼에서든 접속하여 사용이 가능하도록 React로 웹사이트를 제작하고, 이 웹사이트를 React Native로 패키징하여 배포하였습니다.

App screenshots and explanations

1st screen: Menu screen
- First menu is for cargo truck booking & calulate the fare.
- Second menu is for inquaries.
- Third menu is for call center.
2nd screen: Cargo truck booking & calulate the fare
- User inputs their phone number and addresses from and to deliver the package.
- According to a price point database, the app calculates the cost and user can adjust it with the arrows.
- When the user submits the inquiry, a email is sent to the company with all the informations.