/add-card-nextjs

This is a simple SPA (single-page application) that uses Formik for form management and Yup for data validation. I also used the Next.js API to create the CRUD (create, read, update, delete) endpoints, Tailwind CSS for the design, and MongoDB to store the data.

Primary LanguageTypeScript

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Endpoints

Basic CRUD operations

GET .../api/cards
POST .../api/cards
GET .../api/cards/{id}
PUT .../api/cards/{id}
DELETE .../api/cards/{id}