Giter Club home page Giter Club logo

oc-frontend's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

oc-frontend's Issues

[Feature Request]: Readme Update

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: Repo Section on the home page of the website.

Preflight Checklist

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

Problem Description

There a need of a Repositories section on the home page of the webiste, which lists all the repos at the single place with the following details:

  • Repo Name
  • Description
  • Stars
  • Direct links to the repo.
  • etc....

Reference

Proposed Solution

Prepare a UI based on the idea of above reference and also maintaing the color scheme and UI of the Open-Certs.

Alternatives Considered

NA

Additional Information

No response

[Feature Request]: Platform based certificate generation UI

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: Responsiveness in the website

Preflight Checklist

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

Problem Description

The main website is not perfectly responsive to different screen sizes, but that is must needed feature in any website.

Proposed Solution

Implementing Tailwindcss Responsive Design in the website.

Alternatives Considered

NA

Additional Information

No response

[Feature Request]: Error Handling

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: Adding a github action to the repository for issues and PRs

Preflight Checklist

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

Problem Description

While opening issues / making PRs ,keeping a check of few things is very necessary

  • Providing a valid title
  • Provding a nice description
  • While making the PR , tagging the issue

Proposed Solution

For this I would like to add a github action to this repository

Alternatives Considered

None

Additional Information

Am a GSSOC'22 participant , can you please assign this task to me if this seems interesting

[Feature Request]: Reponsivness Improvment

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Bug]: Gitlab and Bitbucket auth in home page

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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 login buttons of Bitbucket and Gitlab in home page is not implemented

Expected Behavior

The login buttons of Bitbucket and Gitlab in home page should work

Additional Information

No response

[Feature Request]: Dark and Light Theme

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Bug]: Header font color corrected

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: BitBucket and Gitlab Authentication

Preflight Checklist

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

Problem Description

Bitbucket and Gitlab Authentication don't exist but much open-source software is still maintained on Both, So both of them must be integrated.

Proposed Solution

Based on the Github authentication (Already implemented), there is only a need for an API call specific to Bitbucket or Gitlab.
And Accordingly maintaining and storing data in the front end.

Alternatives Considered

NA

Additional Information

No response

[Feature Request]: verification page for certificate

Preflight Checklist

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

Problem Description

Once any certificate is generated there is a need for a verification page on our website. Where anyone who wants to validate the authenticity of any certificate, can put the unique ID on the certificate and can see the certificate.

Proposed Solution

Add a Verificate page on the website, and load the certificate or give an error message when any ID is given to the input field.

Alternatives Considered

NA

Additional Information

No response

[Feature Request]: Add CODE_OF_CONDUCT.md file

Preflight Checklist

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

Problem Description

CODE_OF_CONDUCT file is missing in this repository.

Proposed Solution

I want to add the CODE_OF_CONDUCT.md file to this repo.

Alternatives Considered

No alternatives.

Additional Information

I am contributor at GSSoC'22. Please assign this issue to me.

[Feature Request]: Add 404 page

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: ReCaptcha check at certificate generation

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: Contribute to Open-certs action missing

Preflight Checklist

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

Problem Description

There is no contribution guide on the website, to help developers with proper instructions to contribute to the project.

Proposed Solution

Creating a Component on the home page, as a contribution guide for open-certs.

Alternatives Considered

NA

Additional Information

No response

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

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Bug]: Could Not Log in

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

[Feature Request]: get project data before generating certificate

Preflight Checklist

  • I have read the Contribution.md for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • 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

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.