Here are the libraries that we currently use :
| Name | Use | Description | Link |
|---|---|---|---|
| React Router | Routes | React Router is a fully-featured client and server-side routing library for React. | Link |
| react-tsparticles | particles effect for game background | react-tsparticles is a js library allows you to create responsive particles easily | Link |
| React Bootstrap | Component framework | Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains HTML, CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. | Link |
| React contextify | Context menus | Easy to use context menus | Link |
| Prettier | Linter | Prettier is an opinionated code formatter. | Link |
| Bootstrap Icons | Icons | Free, high quality, open source icon library with over 1,600 icons. | Link |
| Emoji picker react | Emoji picker | Emoji-picker-react comes ready to use out of the box, zero conf needed. | Link |
Here are the libraries we possibly want to use :
| Name | Use | Description | Link |
|---|---|---|---|
| React Query | API Calls | Performant and powerful data synchronization for React. Fetch, cache and update data in your React. | Link |
| Styled Components | CSS | Styled-components is a popular library that is used to style React applications. It allows you to build custom components by writing actual CSS in your JavaScript. | Link |
| Storybook | Components viewing | Storybook helps front-end developers to document, manage and keep track of particular components and pages, being searchable easily. | Link |
Here is the list of complete dependencies:
"dependencies": {
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.11.39",
"@types/react": "^18.0.12",
"@types/react-dom": "^18.0.5",
"@types/react-tag-autocomplete": "^6.1.1",
"bootstrap": "^5.1.3",
"bootstrap-icons": "^1.9.1",
"emoji-picker-react": "^3.5.1",
"focus-trap-react": "^9.0.2",
"match-sorter": "^6.3.1",
"react": "^18.1.0",
"react-bootstrap": "^2.4.0",
"react-bootstrap-icons": "^1.8.4",
"react-contexify": "^5.0.0",
"react-dom": "^18.1.0",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"react-search-autocomplete": "^7.2.2",
"react-switch": "^7.0.0",
"react-tag-autocomplete": "^6.3.0",
"react-tsparticles": "^2.1.0",
"socket.io-client": "^4.5.1",
"tsparticles": "^2.1.0",
"typescript": "^4.7.3",
"web-vitals": "^2.1.4"
},