This is a robust profiles managment RestAPI application built with Vue 3 and Vite, Vuex, Vuetify 3. The application allows users to add, update, delete, sort, filter, paginate profiles.
Profiles Management App by Pikuza Marie
-
CRUD operations with profiles
- Users can add** new profiles to the existing API by clicking on 'Создать' option in 'Действия'.
- Users can update** individual profiles by selecting a profile and then clicking on 'Изменить' option in 'Действия'.
- Users can delete individual profiles by selecting a profile and then clicking on 'Удалить' option in 'Действия'.
** Fields of the create/update form must correspond to validation rules.
-
Filter profiles
- Users can filter profiles by status field using left sidebar options 'Все', 'Обработанные', 'Не обработанные'.
- Users can filter profiles by filling in filter parameters in right filter sidebar.
-
Sort profiles
- Users can sort profiles by clicking on 'Имя' or 'Фамилия' table header item.
-
Paginate profiles
- Users can choose amount of profiles displayed on one page (5, 10, 20, 50, all).
- Users can switch between pages using arrows.
- Vue 3 - the progressive JavaScript framework.
- Vite - A build tool that aims to provide a faster and leaner development experience for modern web projects.
- Vuex - state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application.
- Vuetify 3 - collection of UI components which maintain a consistent style throughout your application with enough customization options to meet any use-case.
To get started with this project, follow these steps:
Ensure you have the following installed on your machine:
- Node.js (version 18 or higher)
- Clone project repository:
git clone https://github.com/PikuzaMarie/vue-profile-management.git- Go to the project directory:
cd vue-profile-management- Install dependencies:
npm install- Run the project:
npm run dev- Copy the link http://localhost:5173/ and open it in your browser
Voila! Enjoy the app ;)