GithubHelp home page GithubHelp logo

fool-stack / certify-vit-hack Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 4.0 5.58 MB

Your one-stop portal to generate certificates for all kind of events

Home Page: https://certify.jugaldb.com

License: MIT License

JavaScript 59.51% HTML 2.77% CSS 4.53% Kotlin 0.06% Swift 0.20% Objective-C 0.02% Dart 32.17% Ruby 0.67% Dockerfile 0.06%
generating-certificates certificate-template participants vit-hack hackathon globalcert

certify-vit-hack's Introduction

Certify

Certify helps you generate certificates from a set of templates just by creating excel sheet of participants

Lyricist Logo

Project Description

Generating certificates can be long and tedious task, to send out even, more, while building out certify we kept this very thing in mind, whenever an admin adds people names to the certificate generator, our uniquely trained model takes the input via .csv file, checks if the user exists in the database, If yes, adds the certificate to their profile, if not it creates an account for him/her with the permission of the admin, stores the certificate and sends out a mail notifying the users whose certificates are generated.

This ensures that all of your certificates are available in one place. And it makes it easier for both the person generating the certificates, and the person receiving the certificates.

To achieve this, we use certificate templates, in which the information provided in the CSV file is placed into corresponding areas. All of the data is stored and accessed using AWS. The frontend communicates only with the backend, which in turn communicates with AWS and all the other services.

Inspiration

There are multiple events going on both online and offline in recent times, the hassle of generating certificates for all participants has always been there, so in order to solve the problem, we thought to create a mobile application as well as a website to overcome the problem

What it does

Certify basically takes in your data in a .csv format and converts it and adds it to the certificate template which you chose.

How we built it

We created Certify basically using ReactJs and NodeJs as they work fantastic in harmony with each other and for the mobile application we used Flutter because of its cross platform compatibility which makes the work a tiny bit easier.

Challenges we ran into

To generate a QR Code in order to verify the authenticity of the certificate and actually put it on the certificate was a bit of a hassle as the loading time was going pretty high, we are currently trying to minimise the loading times, for some reason the hosted app kept crashing but was working fine onn local, so in order to test the app, you will need to run Flutter locally

Accomplishments that we're proud of.

We created this application in basically 1.5 days and hosted it using AWS and custom domains and to see it work in harmony is such a great sight altogether

What we learned

Design, We never thought designing a certificate would be this hard xD

Steps to run the Server

$ git clone https://github.com/jugaldb/Certify-VIT-Hack
$ cd Certify-VIT-Hack
$ npm i
$ add the .env file in root of the project
$ npm run dev/npm start
$ .env config
- dbURI
- jwtSecret
- SendgridAPIKey
- sendgridEmail
- AdminSignupCode
- AWS_KEY_ID
- AWS_SECRET_ACCESS
- AWS_DEFAULT_REGION
- AWS_S3_BUCKET

Steps to run the Frontend

Frontend:
$ cd into Frontend folder
$ run "npm install"
$ Make a .env file in the Frontend folder, add a field "REACT_APP_BACKEND_URL" with the backend url
$ run "npm start"

Steps to run app:

$ cd into MobileApp/Certify
$ flutter pub get
$ flutter run

Useful Links

Requirements

License

MIT © Jugal Bhatt, Sarthak Bharadwaj, Siddharth Singh, Shivam Mehta & Vinayak Gupta

GitHub license

if (youEnjoyed) {
    starOurRepository();
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.