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.
The front-end was developed using React
, Redux
and Material-UI
.
Please follow the links below to some samples:
- 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!
- 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.
- 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
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
Rogier Verkaik: https://github.com/rogierv