CarAtlas — учебное full-stack приложение для учета автомобилей. Backend (Node.js + Apollo Server + Sequelize + SQLite) предоставляет GraphQL API для создания, обновления, удаления и просмотра записей об авто. Frontend (React + Apollo Client + DevExtreme) отображает список машин, позволяет фильтровать данные и работать с формой добавления/редактирования.
- CRUD‑операции над сущностью
Carчерез GraphQL - Валидация и хранение данных в SQLite через Sequelize
- UI-таблица и формы управления на React с DevExtreme-компонентами
server/— GraphQL-сервер, база данных, модели, резолверыclient/— SPA на React, взаимодействует с сервером через Apollo Client
Требуется Node.js ≥ 18 и npm.
- Установите зависимости:
cd server && npm install cd ../client && npm install
- Запустите сервер (из каталога
server):Сервер поднимется наnpm run dev
http://localhost:4000/graphql. - В другом терминале запустите клиент (из
client):Приложение откроется наnpm start
http://localhost:3000.
-
Установите зависимости:
cd server && npm install cd ../client && npm install
-
Запустите задачу:
- Откройте палитру команд (
Ctrl+Shift+P) →Tasks: Run Task. - Выберите задачу
Start Server and Client— редактор создаст два CMD‑терминала (ServerиClient) и запустит скрипты параллельно.
- Откройте палитру команд (
- Соберите сервер:
cd server && npm run build. - Соберите клиент:
cd client && npm run build(результат вclient/build).