/meetup-rsvp-app

Primary LanguageTypeScript

Meetup-rsvp-app

Table of Contents

  • General info
  • Setup
  • Results
  • Improvements

General info

An event app, which has three features. In the first screen the user can RSVP to the event using a form. In the second screen, the user can look up people who have RSVP'd to the event and search them by their name or locality. Lastly, in the third screen the admin has access to bar graphs about the users. The app uses Next.js, TypeScript and Tailwindcss.

Setup

This is a Next.js project bootstrapped with create-next-app.

First install dependencies, run the following in the terminal:

yarn install

Second, run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

Results

Home screen

Screenshot 2023-08-16 at 07 43 47

Registration Form

Screenshot 2023-08-25 at 16 00 17

Guest Info

Screenshot 2023-08-16 at 07 45 03 Screenshot 2023-08-16 at 07 45 08

Admin Panel

Screenshot 2023-08-16 at 07 46 50

Improvements

  • More robust test to be written
  • Add more validation checks to the registration form
  • Did not implement the graph by locality. A better approach would be to implement by continent