Цей проєкт є веб-додатком для перегляду, додавання та редагування карток книг з рейтингами зірок. Використовуються Vue 3, Pinia, JSON Server та TailwindCSS.
Спочатку завантажте проєкт на ваш комп'ютер за допомогою Git:
git clone https://github.com/ваш-логін/назва-репозиторію.git
cd назва-репозиторіюВиконайте цю команду для встановлення всіх необхідних пакетів:
npm installЗапустіть JSON Server для емуляції API:
npx json-server --watch db.json --port 3000JSON Server буде доступний за адресою http://localhost:3000.
Запустіть фронтенд-додаток:
npm run devПроєкт буде доступний у вашому браузері за адресою http://localhost:5173.
- Додавання книг: Додайте нові картки книг із рейтингами зірок.
- Редагування книг: Змінюйте інформацію про книги.
- Рейтинг книг: Вибирайте кількість зірок (1-5) для кожної книги.
- Видалення книг: Видаляйте непотрібні картки.
- Реєстрація та авторизація: Логін та реєстрація за допомогою Pinia.
This project is a web application for viewing, adding, and editing book cards with star ratings. It uses Vue 3, Pinia, JSON Server, and TailwindCSS.
First, download the project to your computer using Git:
git clone https://github.com/your-username/repository-name.git
cd repository-nameRun this command to install all required packages:
npm installStart JSON Server to simulate the API:
npx json-server --watch db.json --port 3000JSON Server will be available at http://localhost:3000.
Start the frontend application:
npm run devThe project will be available in your browser at http://localhost:5173.
- Add Books: Add new book cards with star ratings.
- Edit Books: Edit information about books.
- Rate Books: Choose the number of stars (1-5) for each book.
- Delete Books: Remove unnecessary cards.
- User Authentication: Registration and login using Pinia.