Skip to content

Repository files navigation

User CRUD Application

A modern web application built with Next.js that provides a complete user management system with Create, Read, Update, and Delete (CRUD) functionality. This application demonstrates best practices in building scalable and maintainable web applications.

Tech Stack

  • Frontend Framework: Next.js
  • Styling: Emotion CSS
  • UI Components: Chakra UI
  • Icons: Lucide
  • Infinite Table: Tanstack React-Query, React-Table and React-Virtual
  • Form Handling: React Hook Form
  • Validation: Yup
  • State Management: Zustand
  • Testing: Jest and React Testing Library

Features

  • User authentication and authorization
  • Create, read, and delete user profiles
  • Responsive design for all device sizes
  • Infinite table to list user
  • Form validation and error handling
  • Optimized performance with Next.js features

TO-DOs:

  • Implement real Auth API.
  • Implement real User API
  • Update user.

Getting Started

Prerequisites

  • Node.js 18.17 or later
  • npm, yarn, or pnpm

Installation

  1. Clone the repository:
git clone https://github.com/CarLeonDev/user_crud
cd user_crud
  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
  1. Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev

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

About

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages