An Open-Source Platform to certify open-source projects.

Overview

OC-Frontend

open certs

This includes the frontend for Open-Certs. 📜

After seeing so many open-source projects being monetized 💵 without giving any recognition to contributors, Open-Certs comes with the vision to certify every open-source contribution 🎟️ .

It really is that easy! 💚

And the best part of it? Open-Certs is open source! 🤩

You can also contribute to it 🏆 .

The website is live and can be visited on https://open-certs.dev/ 😃



Coding
Live-Demo

Table of Contents 🔖

Major Objective 📌

  • To let beginners venture into the world of Open Source.
  • To provide validation to every open-source contribution.

Tech Stack 💻

Open-Certs frontend is based on component-based architecture. It takes advantage of Reactjs as UI library, Typescript as programming language, TailwindCSS, Material-UI, etc and consumes Open-Certs-Backend to delivery required services to the users.

Set Up 🔨

  • To get started, install the required node modules:
yarn install
  • Then copy the .env.sample to .env and configure it.

Running the application locally ⚙️

Then issue the following command to run the server:

yarn start



Contributing 🏗

Any contributions you make are greatly appreciated.

  1. Create / Choose an issue here.
  2. Get the issue assigned to yourself by commenting.
  3. Fork the Project
  4. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  5. Commit your Changes (git commit -m 'Add some AmazingFeature')
  6. Push to the Branch (git push origin feature/AmazingFeature)
  7. Open a Pull Request on dev branch

Voila You have made a PR to the Open-Certs 💥 . Wait for your submission to be accepted ✔️ and your PR to be merged.

Congratulations! 🎉 You've made your first contribution! 🙌🏼

Contribution Guidelines 📋

  • Please read our Code of Conduct file for contributing towards the project.
  • If you are creating an issue, please make sure that it is a valid and significant issue that will actually contribute towards the project.
  • Write clear meaningful git commit messages 📧 .
  • Make sure your PR's description is clear and it mentions the issue number that your PR fixes.
  • When you're submitting a PR, it would be really awesome if you add a screenshot 📸 or video 📽️ of your change or a link 🔗 to a deployment where it can be tested out along with your PR. It makes it very easy for the reviewers and you'll also get reviews quicker.
  • When you make very minor changes to a PR of yours (like for example fixing a text in button, minor changes requested by reviewers) make sure you squash your commits afterwards so that you don't have an absurd number of commits for a very small fix. (Learn how to squash at here)

Contributors

Credits goes to these people:

Visitor's Count 📍

Visitor Count

Comments
  • [Feature Request]: Readme Update

    [Feature Request]: Readme Update

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    Proper Readme is not available.

    Proposed Solution

    Updating Readme file with proper description and icons

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level1 assigned 
    opened by Adi-11 10
  • [Bug]: Could Not Log in

    [Bug]: Could Not Log in

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Version

    0.1.0

    What arch are you using?

    x64

    Current Behavior

    After github oauth login, App throws Invalid Token Error even though successfully authenticated. (200 response from backend)

    Expected Behavior

    After github oauth login, App should login.

    Additional Information

    No response

    bug GSSoC22 Level1 assigned 
    opened by Sayan-dev 8
  • [Feature Request]: Add 404 page

    [Feature Request]: Add 404 page

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    When I am hitting on wrong route, a white blank page is shown.

    There should be a 404 page with the appropriate information.

    Proposed Solution

    I want to add 404 page with well designed UI and with graphics or illustration and with some appropriate information like we should inform the user that he has jumped or redirected to wrong page or the page he is trying to find is not available.

    Please assign this issue to me under GSSOC '22.

    Thanks!

    Alternatives Considered

    No response

    Additional Information

    No response

    enhancement GSSoC22 Level2 assigned 
    opened by rsinghcodes 7
  • [Feature Request]: Error Handling

    [Feature Request]: Error Handling

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    Need for improving error and success message such as:

    • Showing error message when an invalid entry is made in input field during certificate generation
    • Success or failure message after login

    and other places also where required.

    Proposed Solution

    This feature can be implemented using any toasty module which suits best the current UI of the website. e.g.

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level2 assigned 
    opened by Adi-11 7
  • [Feature Request]: Dark and Light Theme

    [Feature Request]: Dark and Light Theme

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    The website needs to have both light and dark theme UI, for better UX and more usability.

    Proposed Solution

    We can use the theme system of tailwind CSS itself for the required purpose.

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level3 assigned 
    opened by Adi-11 6
  • ProjectPicker Added

    ProjectPicker Added

    Description:

    A new page is added, which display all the data related to the project and then user can generate their certificate

    Fixes #44

    Type of change:

    • [x] New feature (non-breaking change which adds functionality)

    Checklist:

    • [x] My code follows the style guidelines of this project.
    • [x] I have performed a self-review of my own code.
    • [x] I have commented my code, particularly in hard-to-understand areas.
    • [x] I have made corresponding changes to the documentation.
    • [x] My changes generate no new warnings.
    • [x] New and existing unit tests pass locally with my changes.

    Screenshots / Video:

    image

    opened by ak3264114 3
  • [Feature Request]: get project data before generating certificate

    [Feature Request]: get project data before generating certificate

    Preflight Checklist

    • [x] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    Add a new page which show all data related to the project before generating certificate

    Proposed Solution

    When user will click on fetch project it will navigate to a page, which display all the data related to the project and then user can generate their certificate

    Alternatives Considered

    N/A

    Additional Information

    No response

    enhancement 
    opened by ak3264114 3
  • Updated README.md

    Updated README.md

    Description:

    Updated README.md. Added proper description and icons as well.

    Fixes #5

    Type of change:

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [x] This change requires a documentation update

    Checklist:

    • [x] My code follows the style guidelines of this project.
    • [x] I have performed a self-review of my own code.
    • [x] I have made corresponding changes to the documentation.
    • [x] My changes generate no new warnings.

    Screenshots / Video:

    https://user-images.githubusercontent.com/93239528/162127625-2706f4b5-6912-40a9-a3fd-7e5efb9a8bc6.mp4

    @Adi-11 Please review this PR.

    GSSoC22 Level1 
    opened by Sukriti-m 3
  • Toast

    Toast

    Description:

    This pr aims to add a new feature to display success and failures of API calls.

    Fixes #14

    Type of change:

    • [ ] Bug fix (non-breaking change which fixes an issue)
    • [x] New feature (non-breaking change which adds functionality)
    • [x] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    • [ ] This change requires a documentation update

    Checklist:

    • [x] My code follows the style guidelines of this project.
    • [x] I have performed a self-review of my own code.
    • [x] I have commented my code, particularly in hard-to-understand areas.
    • [x] My changes generate no new warnings.

    Screenshots / Video:

    https://user-images.githubusercontent.com/42710260/157929903-32ee1f46-00d9-4178-b58a-4f2cd2edfc64.mp4

    GSSoC22 Level2 
    opened by Sayan-dev 3
  • Avatar fix

    Avatar fix

    Description:

    Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

    Fixes #21

    Type of change:

    • [x] Bug fix (non-breaking change which fixes an issue)
    • [x] Breaking change (fix or feature that would cause existing functionality to not work as expected)
    GSSoC22 Level1 
    opened by Sayan-dev 3
  • [Bug]: Header font color corrected

    [Bug]: Header font color corrected

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Version

    0.1.0

    What arch are you using?

    x64

    Current Behavior

    The Header font was incorrect as it was same as the header background.

    image

    Expected Behavior

    Corrected the header font for both dark theme and light theme

    Additional Information

    No response

    bug GSSoC22 Level1 assigned 
    opened by MadhusreeBera 3
  • Bump express from 4.17.2 to 4.18.2

    Bump express from 4.17.2 to 4.18.2

    Bumps express from 4.17.2 to 4.18.2.

    Release notes

    Sourced from express's releases.

    4.18.2

    4.18.1

    • Fix hanging on large stack of sync routes

    4.18.0

    ... (truncated)

    Changelog

    Sourced from express's changelog.

    4.18.2 / 2022-10-08

    4.18.1 / 2022-04-29

    • Fix hanging on large stack of sync routes

    4.18.0 / 2022-04-25

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • Bump decode-uri-component from 0.2.0 to 0.2.2

    Bump decode-uri-component from 0.2.0 to 0.2.2

    Bumps decode-uri-component from 0.2.0 to 0.2.2.

    Release notes

    Sourced from decode-uri-component's releases.

    v0.2.2

    • Prevent overwriting previously decoded tokens 980e0bf

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

    v0.2.1

    • Switch to GitHub workflows 76abc93
    • Fix issue where decode throws - fixes #6 746ca5d
    • Update license (#1) 486d7e2
    • Tidelift tasks a650457
    • Meta tweaks 66e1c28

    https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 1
  • [Feature Request]: Platform based certificate generation UI

    [Feature Request]: Platform based certificate generation UI

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    As the website has GitHub, bitbucket, and GitLab based authentication, and certificate can be generated for any of the platforms.

    There are a few things that are needed to be taken care of.

    • Each platform will have a different way of generating certificates.
    • So, for each of them, there will be different UI for certificate generation.

    Proposed Solution

    Conditional rendering of the component based on the logged-in platform,

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level3 assigned 
    opened by Adi-11 2
  • [Feature Request]: Reponsivness Improvment

    [Feature Request]: Reponsivness Improvment

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    The website is not looking up to the mark on mobile view, and also a website must have a good mobile-first view.

    Issues:

    • Header is perfectly synced with mobile view.
    • padding and margin around login buttons container on both the home page and login page.
    • After login, everything is needed to be fixed.

    input fields certify button

    • Rest can be fixed as development goes for this issue.

    Proposed Solution

    These things can be fixed by using tailwind css Responsive Design

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level3 assigned 
    opened by Adi-11 4
  • [Feature Request]: POC on React Component to be downloaded as PDF.

    [Feature Request]: POC on React Component to be downloaded as PDF.

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    Currently, Certificate design is handled by ejs ( a template engine ) in the backend, so there is a need for transferring the certificate generation totally in the frontend, and making the backend totally independent of any design parts.

    Proposed Solution

    The idea behind the solution is to create a react component that can be populated based on the data ( certificate data ) coming from the backend and populating in the component and then downloading it, as PDF.

    imp: Component should be customizable.

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level3 assigned 
    opened by Adi-11 4
  • [Feature Request]: ReCaptcha check at certificate generation

    [Feature Request]: ReCaptcha check at certificate generation

    Preflight Checklist

    • [X] I have read the Contribution.md for this project.
    • [X] I agree to follow the Code of Conduct that this project adheres to.
    • [X] I have searched the issue for a feature request that matches the one I want to file, without success.

    Problem Description

    Someone can write a simple script using a puppeteer to continuously create certificates for a single project, so there is a need to check this spam and abnormal activity from the client-side.

    Proposed Solution

    ReCaptcha v2 can help to handle this vulnerability.

    Alternatives Considered

    NA

    Additional Information

    No response

    enhancement GSSoC22 Level3 
    opened by Adi-11 7
Owner
Open Certs
Certify your open source contributions in just few steps.
Open Certs
Project template repo for generative art projects on the fx(hash) platform

fx(hash) x thi.ng project template About This template repo provides a compact, ready-to-go scaffolding for generative art projects aimed at the fx(ha

thi.ng 38 Dec 21, 2022
🤑💰 Crowdfunding Platform backed by Ethereum Blockchain to bring your creative projects to life

Crypto Crowdfund For Creators Lacking the money to bring your Creative Venture to Life? Crypto Crowdfund Campaigns will help you turn your creative id

Man of Justice 4 Oct 3, 2022
GetOsLocalesCrossPlatform - A cross platform alternative to get locales used on the platform. Works on Node, Electron, NW.js and Browsers

getOsLocalesCrossPlatform A cross platform alternative to get locales used on the platform. Works on Node, Electron, NW.js and Browsers This script is

null 1 Jan 2, 2022
Open Source projects are a project to improve your JavaScript knowledge with JavaScript documentation, design patterns, books, playlists.

It is a project I am trying to list the repos that have received thousands of stars on Github and deemed useful by the JavaScript community. It's a gi

Cihat Salik 22 Aug 14, 2022
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.

Ink codebase browser, "Kin" ?? The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In

Linus Lee 20 Oct 30, 2022
🏆Open source, free project management/issue tracking software to manage your work and projects

WorkClever ?? Open source, free project management/issue tracking software to manage your work and projects Features General Free to use, open source

WorkClever 11 Dec 27, 2022
Encode WEB-Dev is a open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc.

HACKTOBERFEST 2022 Encode WEB-Dev is an open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc. which makes

null 7 Oct 31, 2022
Bringing an all Open-Source Platform to study Data Structures and Algorithms ⚡

NeoAlgo-Docs Bringing an all Open-Source Platform to study Data Structures and Algorithms ⚡ ?? Installation You will need to have NodeJS and Yarn inst

Tesseract Coding 24 Jun 2, 2022
MagicMirror² is an open source modular smart mirror platform

MagicMirror² is an open source modular smart mirror platform. With a growing list of installable modules, the MagicMirror² allows you to convert your hallway or bathroom mirror into your personal assistant.

Michael Teeuw 17.3k Dec 29, 2022
LucaMail - an Open Source,Cross Platform Email Client

LucaMail v0.0.1-beta An Awesome Cross Platform Email Client! Note : This Project Is Still in Beta Version Website . Report Bug . Request Feature . Dis

Yuva raghav 210 Dec 28, 2022
An open source movie library platform for viewing movie info and saving movies for later.

GoodWatch An open source movie library platform for viewing movie info and saving movies for later. How to get started? Fork and clone the repo. Then

null 13 Apr 28, 2022
Open source data infrastructure platform. Designed for developers, built for speed.

Gigahex is a web based data infrastructure platform to deploy and manage Apache Spark™, Apache Kafka and Apache Hadoop clusters. Currently, it support

Gigahex 22 Dec 6, 2022
Open source data infrastructure platform. Designed for developers, built for speed.

Gigahex is a web based data infrastructure platform to deploy and manage Apache Spark™, Apache Kafka and Apache Hadoop clusters. Currently, it support

Gigahex 21 Apr 1, 2022
🧙 Mage is an open-source data management platform that helps you clean data and prepare it for training AI/ML models.

Intro Mage is an open-source data management platform that helps you clean data and prepare it for training AI/ML models. What does this do? The curre

Mage 2.5k Jan 4, 2023
Brickdoc is an open-source compound document-based online workspace and low-code development platform.

Brickdoc ⚠️ Note: This software is currently under active development. Some features may be available in the future, and the API and interface may cha

Brickdoc 210 Dec 20, 2022
Brickdoc is an open-source compound document-based online workspace and low-code development platform.

Brickdoc ⚠️ Note: This software is currently under active development. Some features may be available in the future, and the API and interface may cha

MashCard 65 Jun 17, 2022
MashCard is an open-source all-in-one workspace and low-code development platform.

MashCard ⚠️ Note: This software is currently under active development. Some features may be available in the future, and the API and interface may cha

MashCard 210 Dec 20, 2022
The open-source security lake platform for AWS

The open-source security lake platform for AWS. Website | Docs | Community What is Matano? Matano is an open source security lake platform for AWS. It

Matano 586 Jan 3, 2023