Giter Club home page Giter Club logo

random-team-creator's Introduction

Netlify Status

RANDOM TEAM CREATOR

Table of contents

What this project is about

This individual project is to test my front-end skills in React/Redux in combination with local Storage and Material-UI.
The aim of this application is to generate random teams out of a group. A teacher can quickly create teams from different groups. The groups and team members are stored in the localStorage, so even after a refresh the data is still there.

Technologies used

The front-end was developed using React, Redux and Material-UI.
Please follow the links below to some samples:

Goals for this project:

  • To develop a front end application using React/Redux, localStorage and Material-UI
  • Application should be online and all states should be saved in the local storage.
  • To be used by the teachers of Codaisseur!

User Stories

  • As a teacher I can create a new group and name it (i.e. "CODE 23")
  • As a teacher I can add names to a group
  • As a teacher I can create teams out of this group
  • As a teacher I can select the group size. The different group sizes are automatically presented
  • As a teacher I can randomly create teams based on the selected group size. I can always rerun.
  • As a teacher I do not have to remember the names in the group. The next time I open the app, the names are still in the groups.
  • As a teacher I can add and delete names from a group
  • As a teacher I do not have to remember the groups. The next time I open the app the groups is still there.
  • As a teacher I can edit and delete groups.

New user Stories (work in progress)

  • As a teacher I can categories the names (i.e. skill level). The randomizer will use this category to create teams.
  • As a teacher I can send an email to each individual user in which team they are.
  • As a teacher I can randomly pick a name from a group
  • As a teacher I can ramdomly pick a selection of names from a group

Use Online or Run Locally

You can use the application online at: https://random-team-creator.netlify.com/

Alternatively you can clone the repo and run everything locally.

npm install
npm run start

Contributors

Rogier Verkaik: https://github.com/rogierv

random-team-creator's People

Contributors

rogierv avatar

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.