Skip to content

University task: "Phone Contacts CRUD" using Next.js, Prisma, React Query, MobX, MUI

Notifications You must be signed in to change notification settings

maxcore25/next-phone-contacts

Repository files navigation

next-phone-contacts

Quick Start

  1. Install dependencies:
npm i
# or
yarn
  1. Create .env file (read more in Prisma ORM documentation):
DATABASE_URL="your:path/to/db"
  1. Run dev server:
npm run dev
# or
yarn dev

All CRUD operations are available using following endpoints:

  • api/contacts - GET and POST methods
  • api/contacts/{id} - PUT and DELETE methods

Open http://localhost:3000 with your browser to see the result.

Images

Some preview images.

Main page

Select a contact item

Add a new contact item

Swagger

You can read a Swagger API documentation in docs/swagger.yaml (go to file).

Swagger API documentation