User Management System
ReactJS, Redux and Enzyme for testing.
Live demo
http://albsugy.com/live/users-system
Getting Started
| Task | Description |
|---|---|
npm install |
install all the dependencies. |
npm start |
start the aplication at http://localhost:3000/ |
npm run test |
test the aplication |
npm run build |
build for production |
Features
- List of existing users.
- list of existing groups.
- Create users.
- Create groups.
- Delete users.
- Delete groups when they no longer have members.
- Assign users to a group they aren’t already part of.
- Remove users from a group.
- A user detail page.
- A group detail page.
- Search functionality.
- A user cannot exist without having at least one group.
- Responsive layout.
- Input validation.
- ES6 syntax!
- Offline capabilities.
Pages
| Page | URL |
|---|---|
| Users | http://localhost:3000/users |
| Add user | http://localhost:3000/users/add |
| View & edit user | http://localhost:3000/users/name |
| Groups | http://localhost:3000/groups |
| Add group | http://localhost:3000/groups/add |
| View & edit group | http://localhost:3000/groups/id |
List of expected API endpoints
/users
This endpoind expects a JSON array of objects that returns a list of users.
[{
name: 'Jason Nichols',
groups: [{id:1},{id:2}]
}, {
name: 'Brian Horton',
groups: [{id:3},{id:4}]
}]
/groups
This endpoind expects a JSON array of objects that returns a list of groups.
[{
id:1, name:'Backpackers'
}, {
id:2, name:'Globetrotter'
}]
Technologies
- ReactJS
- Redux
- Jest
- Enzyme
- Webpack
- ES6
- SASS
- Bootstrap