/tempustio

Tempustio - Event Management for Stackhack 1.0, Hackerearth

Primary LanguageJavaScript

Tempustio - Event Registration

Introduction

Tempustio is an event registration and management web app where customers can register his/her events and the administrator can access the list of all registered events and visualize the data accordingly

Installation

If you have found the repository on Github

  1. Clone the repository
  2. Install the Dependencies using yarn install ( You can use npm install but I prefer Yarn ) for both client and server individually
  3. Run the Server and the Client simultaneously using yarn run dev or npm run dev
  4. The App will open up localhost:3000 and the server runs on localhost:8000

Rundown

The UI is very basic as the application is targeted for new users in the event management. This application has very basic flow and doesn't require core computation knowledge to operate.

Landing Page

The Landing Page is kept simple for new users. The button for new registration is kept at the centre and the admin in the top left so as to distinguish them both.

Registration Form

The Registration form has been kept as simple as possible and void of any excess clutter. A small alert shows the user what they have to do. Then a basic form. The form is quite self explanatory.

View Data Page

The View Data Modal is also basic. It promptly shows all the data : the ID Card, the name, email, phone number, registration type and no. of tickets. Once the user confirms all the data is correct, the user can submit the data.

The ID is then generated after the form data is posted to the server

Reference ID Display

The App then generates a reference ID for further information for the user. The app also sends a mail to the specified email with all the details

Admin Login

A basic login form for the admin. The current admin username and password is admin and password. You can change the username and password in the .env config file.

Admin Dashboard

The admin dashboard is also very basic with all the basic details on the front page for the admin to see.

Visualisation

A basic chart showing the count of all the type of registration involved. The admin can also export the chart to his PC for future use.

Peek Data

On clicking the ID on the table, the admin can peek the user data as shown. He can further use the data for future use of event registration