nwu-registration

In the 2nd year BCom Information Systems module for System Analysis and Design Project, our assignment involved the development of an application program. This program is intended to be hosted on a remote server and accessed over the internet via a browser interface. Specifically, it is designed to serve as the North-West University student registration portal, with the following objectives:

• Allow students to securely log in to the system.

• Facilitate registration for INFS second-year modules, both mainstream and extended stream.

• Ensure that there are financial implications associated with continuing the registration process.

• Enable students to register in accordance with the guidelines outlined in the yearbook.

• Provide functionality for students to input or update their biographical information.

• Lastly, generate a proof of registration for students who complete the registration process.

UI Preview:

About the project:

This application was bootstrapped with Create React App as a base.

The following Technologies were used:

• React Custom Hooks
• React Context
• React Styled Components

The User Interface:

I have built the following pages within this application: sign in, sign up, browse & lastly the homepage. There are four different pages, some using protected routes with auth listeners. I used compound components (just a design pattern) to build my components. The styling is all handled via styled components. Using compound components made my actual dumb components really easy to test.

Data layer and Business Logic:

Firebase firestore handles all the data and that data is retrieved using a custom hook; authentication is used on all pages, which is handled by Firebase as well.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.