Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 .
- Host: GitHub
- URL: https://github.com/mohindar99/certificate_viewer_frontend
- Owner: mohindar99
- Created: 2023-04-27T17:58:49.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-04-30T16:51:38.000Z (over 1 year ago)
- Last Synced: 2024-11-11T08:32:33.515Z (2 months ago)
- Topics: react-hooks, react-router, reactjs, redux, scss
- Language: JavaScript
- Homepage:
- Size: 20.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 commandIn 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.