Table is project implements a dynamic table with functionality for pagination, search, sorting, selection of displayed items, and the ability to delete records. Data is stored in local storage (localStorage) for convenient management. The application also supports a dark theme, allowing users to switch between light and dark modes for a comfortable viewing experience.
- Next.js: A framework for React that provides server-side rendering and enhanced performance.
- React: A library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for quickly styling the interface.
- TypeScript: A superset of JavaScript for static typing.
- LocalStorage: A web API for storing data on the client side within the browser.
- Pagination: Allows users to navigate through data by pages.
- Search: Enables searching through table records for quick information retrieval.
- Sorting: Sorts data by various columns.
- Items per Page Selection: Users can choose the number of records displayed per page.
- Record Deletion: Ability to delete records directly from the table.
- Dark Theme: Support for dark mode to enhance user experience.
To clone the repository, install dependencies, and run the project locally, follow these steps:
# Clone the repository
git clone https://github.com/your-username/your-repo-name.git
# Navigate to the project directory
cd your-repo-name
# Install dependencies
npm install
# Run the development server
npm run dev