Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/subhendu-kumar/draggable-cards-webapp

"Drag cards across your screen effortlessly with our intuitive Draggable Cards WebApp."
https://github.com/subhendu-kumar/draggable-cards-webapp

Last synced: about 1 month ago
JSON representation

"Drag cards across your screen effortlessly with our intuitive Draggable Cards WebApp."

Awesome Lists containing this project

README

        

# Draggable Card Website

This project is a simple website built with React, Tailwind CSS, and Framer Motion that allows users to interact with draggable cards.

## Project Preview link

Link - [https://draggable-cards-subhendu.netlify.app/]

## Features

- Drag and drop functionality to move cards around the screen
- Smooth animations powered by Framer Motion
- Responsive design using Tailwind CSS

## Technologies Used

- React
- Tailwind CSS
- Framer Motion

## Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

Make sure you have Node.js and npm installed on your machine.

### Installation

1. Clone the repo
git clone (https://github.com/Subhendu-Kumar/docs-mini-app/)
2. Install NPM packages
npm install
3. Start the development server
npm run dev
4. Open http://localhost:port to view it in the browser.

## Usage

Drag the cards around the screen to rearrange them as you like.

## Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

## License

Distributed under the MIT License. See LICENSE for more information.

## Contact

Name - Subhendu Kumar
Email - [email protected]