Giter Club home page Giter Club logo

mobile_mechanicshop_reservation's Introduction

우리동네 정비소

INTRODUCTION

Reservation system app for MechanicShop in Gyeonggi-do.

SCREEN

Sign in

The sign-in service can change personal information from membership. Members can login via two different account types : Car-Center and guests.

image

User register

User can choose an appropriate account type between Guest and Car-Center

image

Register account type : Guest

Guest type registration requires followings: Email, Password, Name, Date of birth, Phone number, Address,

image

Car-Center map

After logging in, the map is displayed based on the saved address Car centers are shown through red markers on the map imported from Google API

image

Car-Center information

Clicking the location icon (image) on the map allows the user to get the information of the car center. If the selected center is not registered in the app, only the address will be displayed (left image). If the selected center is registered in the app, an additional window will be displayed (right image).

image image

Call button

Pressing the call button will switch to the user’s dial screen, allowing the customer to call the car-center.

image image

Reservation button

Pressing the ‘reserve’ button will show a new window. On the new window, user can make a reservation by entering the date, time, and the purpose of the reservation.

image image

Region search

Users can also click on the letter (ex. 가평군 on the screenshot) to search for car centers in other regions

image image image

Car-Center search

The search icon (image) on the top-right corner allows the user to search for car centers in the selected range of the map. Selecting a certain car-center will move the focus of the map to the location of the center.

image image

Menu

Users can click on the icon (image) on the top-right corner to either manage their reservations or logout from the app.

image

Reservation management

Users can view their reservation information, and also can cancel their reservation.

image image image

Register account type : Car Center

Car center type registration requires followings: Email, Password, Name, Date of birth, Phone number, Business hours, Business area, Name of the center

image

Car-Center Main Screen

The calendar icon (image) on the top-right corner allows the user to select the date. Selecting a date will lead to the page that shows the reservation information of the selected date.

image image image

Registered Car-Center information

The information of the car-center users that signed up for the app is uploaded to the database.

image

Registered Car-Center information

The information of the reservations made through the app are also uploaded to the database.

image image

Car-Center information

All Car-Center information, not only for members, is also uploaded to another Car-Center database.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.