Skip to content

apsarabishwokarma/motion-task-builder-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Multi-Project Repository containing three advanced web applications:

1️⃣ Kanban Board – A task management app built with React, TypeScript, and react-beautiful-dnd for seamless drag-and-drop functionality.

2️⃣ Fluid Animation – A visually engaging coupon card with fluid-like animations.

3️⃣ Drag & Drop Form Builder – A dynamic form creator with a customizable UI, built using React DnD, allowing users to build and rearrange forms effortlessly.

Getting Started

1️⃣ Clone the Repository

First, clone the repository from GitHub:

git clone https://github.com/your-username/motion-task-builder.git

Navigate into the project directory:

cd motion-task-builder

** Running Individual Projects**

Each project is inside its own folder. To run a specific project, follow these steps:

πŸ“Œ Kanban Board

cd kanban
npm install
npm run dev

Open http://localhost:3000 in your browser.

πŸ“Œ Fluid Dynamics Simulation

cd fluid-dynamics
npm install
npm run dev

Open http://localhost:3000 in your browser.

πŸ“Œ Drag & Drop Form Builder

cd dragdrop-form-builder
npm install
npm run dev

Open http://localhost:3000 in your browser.


πŸ› οΈ Technologies Used

  • React (with TypeScript)
  • Next.js (if applicable)
  • Tailwind CSS for styling
  • react-beautiful-dnd for drag-and-drop functionality

🀝 Contributing

Feel free to fork this repo, create a new branch, and submit a pull request. Contributions are welcome!


About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published