jbossoutreacharchive / certificate-generator-front Goto Github PK

JavaScript 2.29% TypeScript 46.62% HTML 27.27% CSS 23.83%

certificate-generator-front's Introduction

Certificate Generator Front End

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

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

Application Sign Up Page

Issuer Dashboard

Students Dashboard

Steps to Contribute

Fork the repo
Clone the forked repo https://github.com/YOUR_USERNAME/certificate-generator-front.git
Commit changes on your fork.
Create a Pull Request.
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.

certificate-generator-front's People

Contributors

Stargazers

Watchers

Forkers

nikitadhiman gitter-badger divyanshkul pranavgade20 makoteq rishabh2801 amithab2503 circinusss raghavawasthi oceanpotion101 yuvalg29 rzemykki hackerbone nitin2nataraj moderatorhead kitteshwar codacy-badger deepalirathi jamesnoonan vicky2122 junron tavleensasan prithaupadhyay alinamusuroi iraiyer zaryan01 tcmal ajeyprasand moodiabdoul bartekpacia harshhc jatinkatyal13 eshaabhasin neeraj3029 shubhamrwt alex-arbeit-echo logeshwararaja oussemadevcode xatuke sayyss reaganiwadha criticic parthpali haider-miakhel kamarz01 sarikaarthmwar codeforcauseorg-archive pariola-droid ht-moh abdallahalyamni kamaljitsingh76 abhisavadiya pk-gouda nexabr gptq

certificate-generator-front's Issues

Add Gitter Badge at top

Instead of Gitter Link in the last line, add a Gitter badge with the fellow badges and link it to the channel.

Fix baseUrl

Add a / at the end of the baseUrl.

https://github.com/JBossOutreach/certificate-generator-front/blob/1525ef1926e50262840a92c342673232cad7fe8b/src/app/environments/environments.ts#L7

Travis CI not configured

Travis CI is not configured on this repo. I will try to configure it.

Angular version issues

The angular version specified in the README.md file and in the app's signup and login component doesn't match the one actually used in the project.

Codacy Integration

Currently certificate-generator-front project does not have codacy integrated.
Integration of codacy will be helpful, to make sure that our code is clean.

Error while compiling

Error :

I get this error when I compiled the master branch.

I think downgrading the version of typescript will do it.

I am working on this.

Thanks

Travis Integration

Integration of Travis CI should be done for this project, will raise a PR for the same.

Codacy

I am working for a task in the GCI-2018 and i will be implementing codacy.

Can not navigate to any route

Currently user can not navigate to any route.

Looks like it's caused by empty base href in index.html file.

Login & Signup page is missing navbar & footer

As per the wireframe of this repo, the login & signup pages have appnavbar & footer component but as of now, app login & signup page doesn't contain navbar & footer. I would like to work on this issue.

Application Login Page Wireframe

Logs: on running npm version:

{ 'certificate-generator-front': '0.0.0',
  npm: '6.4.1',
  ares: '1.14.0',
  cldr: '33.1',
  http_parser: '2.8.0',
  icu: '62.1',
  modules: '67',
  napi: '3',
  nghttp2: '1.34.0',
  node: '11.0.0',
  openssl: '1.1.0i \n',
  tz: '2018e',
  unicode: '11.0',
  uv: '1.23.2',
  v8: '7.0.276.28-node.5',
  zlib: '1.2.11' }

Screenshots:

How to Fix: Simply change the version number to 1.0.0 by merging this(#54)