About the project: This Event Attendance Management Project: through a dashboard the organizer can manage their attendees and view who has checked in. The project also included the integration of a backend developed in the NodeJS track.
Concepts: states, components, backend integration, URL state. Used: Vite, Typescript, TailwindCSS... Technologies used:
- React.js
- TailwindCSS
- Typescript
I learned a lot about good Front-End practices such as the use of URL State and reviewed some basic React concepts!
Functionalities developed in the project:
- API consumption for listing participants.
- Pagination.
- URL State.
- Filtering and searching participants.
Veja aqui os detalhes do projeto no Figma
http://localhost:3000/
http://localhost:8800/
-
Before initializing the project, it is necessary to install:
-
After installation, you need to run:
-
Then clone this repository:
https://github.com/ludiemert/nlw-unite-react.git
- Access the application directory:
cd pass-in-web
- Install the dependencies:
npm install
- Run the application:
npm run dev
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptions
property like this:
export default {
// other rules...
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
}
- Replace
plugin:@typescript-eslint/recommended
toplugin:@typescript-eslint/recommended-type-checked
orplugin:@typescript-eslint/strict-type-checked
- Optionally add
plugin:@typescript-eslint/stylistic-type-checked
- Install eslint-plugin-react and add
plugin:react/recommended
&plugin:react/jsx-runtime
to theextends
list
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- ** #Rocketseat **
🛠 Front-end
Back-end
Developer Jr.
📍 São Jose dos Campos – SP - Brazil