Giter VIP home page Giter VIP logo

challengify's Introduction

Hello, I'm Bence A. Toth

Front-end developer, software architect, tech lead, mentor, teacher, tutor, volunteer, open source advocate, functional programming enthusiast, a11y nerd, CSS ninja.

I build software and relationships.

I believe that whatever you do, empathy and compassion will go a long way. Be a decent human, and everything else will fall in place.

I might not be wrong about everything I say.

Currently working as a Team Lead at Zendesk, and volunteering at HackYourFuture, Impact Roasters, HealHealth, and more.

You can also find me on LinkedIn or send me an email at [email protected].

challengify's People

Contributors

bence-toth avatar dejeneruta avatar dependabot[bot] avatar

Watchers

 avatar  avatar  avatar

challengify's Issues

Challenge widget component

Create a component for the Challenges view:

challenge-widget

  1. The title of the challenge, this element is clickable
  2. Challenge status indicator, can be: upcoming, active, completed, archived
  3. Challenge tags
  4. Challenge description, auto-generated based on challenge settings
  5. Markers for previous periods aggregating records, with the period start below, the aggregated number in the middle, and a check mark or cross indicating whether the challenge was completed in the given period
  6. Marker for current period, aggregating records if any, otherwise showing + sign, this element is clickable
  7. This area is horizontally scrollable if there is not enough space to show all previous periods

I can see validation messages when creating or editing a challenge

Show error messages:

  • The title field must not be blank
  • The start date must not be blank and it must be a valid date
  • For Target challenges, the "At least" value must be greater than 0
  • For Limit challenges, the "At most" value must be greater than 0
  • The unit (singular) must not be blank
  • The unit (plural) must not be blank
  • The end date, if selected, must not be in the past
  • The end date, if selected, must be after the start date
  • For Target and Limit challenges, the difference between the start date and the end date must be at least twice as long as the selected period

I can clone an existing challenge

I can clone an existing challenge with all its options and preferences.
I can decide whether I want to clone the records as well.

I can see a list of all my challenges

I can see an overview of my challenges in a list format:

  • The title is visible
  • A summary of latest periods is visible
  • There is a link to challenge details and records
  • The start and end dates might make sense to show as well

I can see the details of a challenge

I can see the details of a given challenge, including:

  • Title
  • Status
  • End/start date
  • Labels
  • Category
  • Scheduling

I have a way to navigate to edit these details.

I have a way to navigate to a records overview of the challenge.

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.