Upcoming Events is a web application designed for the efficient management of gastronomic events in the region of Asturias, Spain. This platform provides organizers and participants with an intuitive and comprehensive interface to plan, promote, and participate in events related to the rich Asturian culinary tradition.
When starting the application we would arrive at the home page, where we can visualize the header with its different options (log in, registration and the events section), a slider with the different events highlighted by the administrator and future events that have not yet been completed.
On the login page we would have the corresponding login and registration form, so that the user (or the administrator) can access their respective dashboards.
In the user dashboard, we have the past events and the current events to which the user is registered, as well as the option to unsubscribe or return to the home page to sign up for a new event.
In the administrator dashboard, we have at our disposal all the events with the option to edit, highlight or delete them. You can even create a new event if you wish.
In all the cards are the corresponding data of each event, date, place, publicity photo...etc.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensionsfrom VSCode's command palette - Find
TypeScript and JavaScript Language Features, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
See Vite Configuration Reference.
npm installnpm run devnpm run buildRun Unit Tests with Vitest
npm run test:unitLint with ESLint
npm run lint
