/NTU-Downdetector

There is no centralized platform to check the status of services at NTU. Inspired by downdetector, the goal is to create a platform for real time user reports of student issues such as internet connection, printer up-time etc.

Primary LanguageJavaScriptMIT LicenseMIT

NTU Downdetector

Description

Problem

There is no centralized platform to check the status of services at NTU. Inspired by downdetector, the goal is to create a platform for real time user reports of student issues such as internet connection, printer up-time etc. This allows users to have easy access to whether a problem has occurred while also giving the relevant administrators the ability to quickly rectify a problem.

Technologies

  • React
  • MySQL
  • NextJS
  • NodeJS

Setup

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

Getting Started

Create a .env.local file to store your MySQL database configs securely which will be ignored by git. Follow the template shown in .env.example

Make sure to create a local MySQL database in your local machine before running the development server. Run the SQL setup file in setup.sql. This will create the standard database with dummy data.

Run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

How to Contribute

  1. Create a new branch from the main repository. Name it according to the feature or bug you are fixing eg. cards_feature.
  2. Make your commits in this new branch
  3. Submit a pull request when the code is ready to be merged. Assign someone to review your changes.

Learn More

To learn more about Next.js, take a look at the following resources:

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.