/certificate-generator-front

Primary LanguageTypeScript

Certificate Generator Front End

opensource license Build Status Codacy Badge angular node typescript contributors issues pull-requests Gitter twitter forks stars watchers

Certificate Generator aims to automatically generate certificates based on the data provided using input files like CSV and Excel.

Target Audience

  • Certificate Issuing Organizations: The Certificate issuing organization will first have to register themselves for authorization. They can generate multiple certificates simply by selecting the template and giving the candidates details through files like csv and excel.

  • Candidates Receiving the Certificates: The Candidate's dashboard will contain the URLs of all the certificates they have received. This will help them in maintaining all the certificates even if they have lost them locally.

Development Stack

  • HTML
  • CSS
  • Angular 6 for Front-End

Work Flow for Developers

  • For Certificate Issuers:

    1. Authenticate the Organization.
    2. The Organization dashboard will display the list of all the certificates generated by that Organization.
    3. Dashboard will allow the user to generate Certificates, single or in bulk.
    4. Based on the selection, we'll proceed to the template selection page.
    5. We'll have a form for single certificate generation and for bulk certificates, we'll allow the Organization to upload a csv or excel file.
    6. We'll allow the user to preview the certificates before the final generation.
    7. After generating the certificates, an email will be sent to all the candidates.

  • For Candidates:

    1. The Dashboard will contain thumbnails of all the certificates received by the student.
    2. There will be an option to view a particular certificate.
    3. The candidate will also be allowed to share the certificate.

Development Steps

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Application Login Page

Login

Application Sign Up Page

Signup

Issuer Dashboard

Issuer

Students Dashboard

Students Dashboard

Steps to Contribute

  1. Fork the repo fork
  2. Clone the forked repo https://github.com/YOUR_USERNAME/certificate-generator-front.git
  3. Commit changes on your fork.
  4. Create a Pull Request.
  5. Make sure to follow the contributing guidelines.

You may also create an issue to report any bugs or implementation of a new feature.

Help

If you need any help anywhere in the process, you can always ask a question on our Gitter Chat.