An open API service indexing awesome lists of open source software.

https://github.com/el-sherbini/student-registration-form

A Reactjs application with Firebase as a task for Next Level Technology.
https://github.com/el-sherbini/student-registration-form

firebase material-ui react-hook-form reactjs yup

Last synced: 3 months ago
JSON representation

A Reactjs application with Firebase as a task for Next Level Technology.

Awesome Lists containing this project

README

          

# Student-Registration-Form
> A Reactjs application with Firebase as a task for Next Level Technology company to register students in courses.

## Installation and Setup Instructions

To clone this repository. You will need `node` and `npm` installed globally on your machine.

### Installation:

Clone the repo:

```sh
git clone https://github.com/el-sherbini/Student-Registration-Form.git
```

Run terminal command:

```sh
npm install
```

### Enter your Environment Variables in `.env` file, you can get them by creating an application from [_Firebase_](https://firebase.google.com/).

```sh
REACT_APP_FIREBASE_KEY = "YOUR FIREBASE KEY"
REACT_APP_APP_ID = "YOUR APP ID"
```

### To Run App:

```sh
npm satrt
```

### To Visit App:

```sh
localhost:3000
```

## Technologies Used

- React.js.
- Firebase.
- Material UI.
- React-hook-form.
- Yup.

## Features

- Responsive layout
- Inputs validation
- Google and Facebook SignIn to get some data
- Registration steps (Form - Verification)
- OTP mobile verification
- Resend OTP
- User gets the courses that he/she enrolled