Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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."
- Host: GitHub
- URL: https://github.com/subhendu-kumar/draggable-cards-webapp
- Owner: Subhendu-Kumar
- License: mit
- Created: 2024-03-02T15:56:06.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-04T12:40:48.000Z (11 months ago)
- Last Synced: 2024-12-22T04:17:59.187Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://draggable-cards-subhendu.netlify.app/
- Size: 57.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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]