Web desenvolupada per al tractament dels cursos oferits per Gentis
La fundación Gentis tiene como objetivos ayudar a las personas en situación de desempleo a llegar a la acción formativa (cursos) que desean y necesitan, más rápido y sin más complejidad innecesaria y así mejorar su ocupabilidad. Por otro lado, yudar al equipo de formaciñón en la tarea de capacitación y selección de alumnado para todos los cursos de formación ocupacional que tienen diseminados por diferentes puntos territoriales de Cataluña.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Make sure you have installed all of the following prerequisites on your development machine:
- Git - Download & Install Git. OSX and Linux machines typically have this already installed.
- Node.js - Download & Install Node.js and the npm package manager. If you encounter any problems, you can also use this GitHub Gist to install Node.js.
- Vite - You're going to use the Vite Package Manager to manage your front-end packages. Make sure you've installed Node.js and npm first, then install vite globally using npm:
$ npm install -g vite
A step by step series of examples that tell you how to get a development env running.
Say what the step will be
Give the example
And repeat
until finished
End with an example of getting some data out of the system or using it for a little demo.
Explain how to run the automated tests for this system.
Explain what these tests test and why
Give an example
Explain what these tests test and why
Give an example
Add notes about how to use the system.
Add additional notes about how to deploy this on a live system.
- ReactJs - Web Framework
- NodeJs - Server Environment
- Jest - Testing Framework
- MaterialUI - Library of React UI components
- ReactQuery - Data-fetching library for React
- React-router-dom - Client side Routing
- Hat tip to anyone whose code was used
- [Inspiration]
- [References]
Gentis-formacion-client
├─ .env
├─ .gitignore
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│ └─ vite.svg
├─ README.md
├─ src
│ ├─ api
│ │ ├─ authApi.js
│ │ ├─ courseApi.js
│ │ ├─ courses.js
│ │ └─ index.js
│ ├─ App.css
│ ├─ App.jsx
│ ├─ assets
│ │ └─ react.svg
│ ├─ components
│ │ ├─ layout
│ │ │ ├─ content
│ │ │ │ ├─ CourseItem.jsx
│ │ │ │ └─ CourseItemStyles.scss
│ │ │ ├─ forms
│ │ │ │ ├─ buttons
│ │ │ │ │ └─ ButtonSubmit.jsx
│ │ │ │ ├─ inputs
│ │ │ │ │ ├─ Checkbox.jsx
│ │ │ │ │ ├─ DateInput.jsx
│ │ │ │ │ ├─ FileUploader.jsx
│ │ │ │ │ ├─ FormInput.jsx
│ │ │ │ │ ├─ RadioButton.jsx
│ │ │ │ │ ├─ Textfield.jsx
│ │ │ │ │ └─ TimeInput.jsx
│ │ │ │ ├─ NewCourse.jsx
│ │ │ │ ├─ NewStudent.jsx
│ │ │ │ └─ NewUser.jsx
│ │ │ ├─ index.js
│ │ │ ├─ Layout.jsx
│ │ │ └─ loaders
│ │ │ └─ FullScreenLoader.jsx
│ │ ├─ messages
│ │ │ └─ Message.jsx
│ │ ├─ modals
│ │ │ ├─ CourseModal.jsx
│ │ │ ├─ CreateCourse.jsx
│ │ │ └─ UpdateCourse.jsx
│ │ └─ navigation
│ │ ├─ filters
│ │ │ └─ Filters.jsx
│ │ ├─ footer
│ │ │ └─ Footer.jsx
│ │ ├─ header
│ │ │ └─ Header.jsx
│ │ ├─ search
│ │ │ └─ Search.jsx
│ │ └─ tags
│ │ ├─ Tag.jsx
│ │ └─ Tags.jsx
│ ├─ guards
│ │ ├─ RequireGuest.jsx
│ │ └─ RequireUser.jsx
│ ├─ main.jsx
│ ├─ middlewares
│ │ └─ AuthMiddleware.jsx
│ ├─ routes
│ │ └─ Routes.jsx
│ ├─ services
│ │ └─ providers
│ │ ├─ ColorModeProvider.jsx
│ │ ├─ PermissionsProvider.jsx
│ │ └─ StateContextProvider.jsx
│ ├─ store
│ │ └─ index.js
│ ├─ utils
│ │ └─ errorHandler.js
│ └─ views
│ ├─ errors
│ │ ├─ PageNotFound.jsx
│ │ └─ UnauthorizedPage.jsx
│ ├─ home
│ │ └─ Home.jsx
│ ├─ login
│ │ └─ Login.jsx
│ ├─ profile
│ │ └─ Profile.jsx
│ └─ register
│ └─ Register.jsx
└─ vite.config.js