Coder Social home page Coder Social logo

carbon-badges's People

Contributors

jeffchew avatar mattrosno avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

carbon-badges's Issues

Vercel rebuilds required

For some reason, Vercel production and and preview deployments need to be manually rebuilt via the UI for the serverless functions to work. I don't know why. If I had to guess, builds triggered by Git pushes are optimized somehow to the point where the serverless functions only work after a full build.

image

MVP review

The intent is for this microsite to live at badges.carbondesignsystem.com so we don't need to mess with GitHub authentication and the GitHub and Acclaim API logic on carbondesignsystem.com right now.

I'm using our default page type for future portability, so if it makes sense in the future for this to be natively part of carbondesignsystem.com, it'd nicely plug in.

Current status: I have not implemented the actual POST to Acclaim to issue the badge as well as on-success POST to SurveyGizmo to capture the feedback. Also, have not built form submitting error and success messages. Right now a valid form submit just shows form data in an alert.

Link to review: https://carbon-badges.vercel.app

More background here: carbon-design-system/carbon-website#986

Design Review

  • Side nav auth with GitHub
  • Copy
  • Loading states
  • Form fields
  • Form validation
  • Form messages

Code review

Unauthenticated

image

No badges

image

My badges

image

Pristine form

image
image

PR validation, all states

image
image

Proof of concept

  • Use Carbon bot for GitHub OAuth apps
  • Login with GitHub
  • Show badge status
  • Badge form
  • Select badge, email
  • Loading
  • Error - incomplete tutorial

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.