Value Card Sort is a web-based tool that helps users sort value cards into categories based on their importance. The application is inspired by the works of William R. Miller, Janet C'de Baca, Daniel B. Matthews, and Paula Wilbourne.
With this tool, users can drag and drop value cards into categories, generate a shareable URL of their sorted values, and reset their sorting. It's a handy tool for personal reflection, team exercises, or educational purposes.
- Drag and Drop Sorting: Easily drag value cards into predefined categories.
- URL Generation: Generate a shareable URL with your sorted values that can be copied or shared.
- Reset Functionality: Clear all sorting and start over.
- Navigation: Navigate through the list of available value cards.
You can try out the application live here.
To run this application locally, follow these steps:
-
Clone the Repository
git clone https://github.com/savbell/value-card-sort.git
-
Navigate to the Project Directory
cd value-card-sort -
Install Dependencies
Make sure you have Node.js and npm installed. Then run:
npm install
-
Start the Development Server
npm start
The application will be available at
http://localhost:3000.
- Sorting: Drag and drop the value cards into the categories based on how important they are to you. You can rearrange them as needed.
- Generate URL: Click the "Generate URL" button to create a shareable link with your sorted values. The URL will be copied to your clipboard automatically.
- Reset: Click the "Reset" button to clear all sorting and start from scratch.
- Navigation: Use the "Next" and "Previous" buttons to go through the list of value cards.
- Frontend: React
- State Management: React hooks
- Styling: CSS
- URL Compression: LZString
This project is licensed under the MIT License - see the LICENSE file for details.
- The design and inspiration for this project are based on the works of William R. Miller, Janet C'de Baca, Daniel B. Matthews, and Paula Wilbourne.
- LZString for URL compression.
For any inquiries, please contact Sav Bell.