Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mohindar99/certificate_viewer_frontend

This is a complete working web application for creating a certificate and providing to the participant .
https://github.com/mohindar99/certificate_viewer_frontend

react-hooks react-router reactjs redux scss

Last synced: 1 day ago
JSON representation

This is a complete working web application for creating a certificate and providing to the participant .

Awesome Lists containing this project

README

        

# Certificate Viewer Project
## Introduction:

This project was designed based on the client requirements for the creation of a certificate and assign to the participants based on their achivements. This was mainly designed by using rest API's and some of the styling tools like SCSS , material UI and react-boot strap etc for better visual display.

## Functionality :

The main function of this project is that the client would create a complete certificate with the functionality of drag and drop features . That consistes of some recepients who are successfully eligible to achived the certificate which are added by the client. Once the client sends the certificate their would be a email notification for the participant to once and verify so that the authentication process is done and the user is redirected to the webpage which consists of his certificate along with some features like view and download to PDF format .

## Basic Requirements:
- ReactJS
- Redux
- React-Redux hooks
- Java script ES6 version
- MongoDB
- Email Authentications
- Material UI
- React bootStrap
- NodeJS

## Commands used :
In order to clone the repo use the git clone command to get into your local desktop and run the project using the below command

In the project directory, you can run by using :

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.