- Run Server & Client simultaneously
- Login with
- user: player1
- pass: player1
- cd server
- nvm use
- npm i
- npm run start:dev
- cd client
- nvm use
- npm i
- npm run dev
You need to develop an application that allows users to filter games by multiple criteria.
The application consists of a server and a client parts. The server implements an API to communicate with the client (authenticate users, transfer data, ...). A user should log in as player they will see an interface with a list of games and a game filter.
Two users are allowed:
player1:player1player2:player2
The page displays the list of games and the game filter. If a filter is configured, only games that match the filter criteria should be displayed, otherwise all games should be displayed. Games that don't belong to any group shouldn't be displayed at all, even if the filter is not configured
- Set filter
- Set sorting
- Set number of columns in the game list (hidden on mobile, always 2 columns)
- Reset filter
- the name of a game (input field)
- game provider (multiple checkbox)
- game groups (multiple checkbox)
- Client-side should be written using React. You can use any starter kit if you want, like Create React App or Vite
- You can use CSS or SCSS for styles
- Interface should be responsive. Mobile breakpoint is
428px - Filtration should be implemented on the client
- Please, do not use any UI libraries for React, except react-select
- Server-side should be written on Node.js using any framework you like.
- User sessions should be stored on the server (in memory)
- No database is required. Keep all data in memory
- Using TypeScript will be considered a plus
- Post your code to github or bitbucket. Add readme how to run the application
Initial data is in data.json file Link to the design https://www.figma.com/file/totoTYpycpBnizdqV7nEUu/gamelist_2?node-id=0%3A1