Skip to content

A beautiful drag-and-drop app using Next.js v13.4, React Beautiful DND, TypeScript, and Tailwind CSS for modern, seamless interactions

Notifications You must be signed in to change notification settings

3merillon/DragnDropNextApp

 
 

Repository files navigation

NextDnD: Modern Drag and Drop App

NextDnD is a sleek and intuitive web application built using the latest version of Next.js (v13.4). This app showcases the power of drag-and-drop interactions, employing the popular React Beautiful DND library. With TypeScript for enhanced type safety and Tailwind CSS for effortless styling, NextDnD offers a contemporary and user-friendly experience.

Features

  • Smooth Drag-and-Drop: Utilizing React Beautiful DND, enjoy seamless drag-and-drop functionality for various elements.
  • TypeScript: Benefit from enhanced code quality and reliability through TypeScript's strong typing.
  • Responsive Styling: Tailwind CSS ensures responsive and visually appealing designs across devices.
  • Easy to Use: Intuitive interface makes NextDnD accessible to users of all levels.

Getting Started

  1. Clone the repository: git clone https://github.com/your-username/your-repo.git
  2. Navigate to the project directory: cd your-repo
  3. Install dependencies: npm install
  4. Run the development server: npm run dev
  5. Access the app in your browser at http://localhost:3000

Contributing

Contributions are welcome! If you find any issues or have suggestions, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.


Enjoy the modern drag-and-drop experience with NextDnD!

About

A beautiful drag-and-drop app using Next.js v13.4, React Beautiful DND, TypeScript, and Tailwind CSS for modern, seamless interactions

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.7%
  • JavaScript 2.5%
  • CSS 0.8%