FocusNote is a minimalist Kanban board application built with Next.js and TypeScript. It provides an intuitive interface for managing tasks across different stages of completion.
- Create and manage tasks in a Kanban-style board
- Drag and drop tasks between columns
- Responsive design for desktop and mobile devices
- Local storage persistence
- Undo functionality for added tasks
- Clean, black and white interface
- Next.js
- TypeScript
- Tailwind CSS
- Lucide React (for icons)
- Sonner (for toast notifications)
-
Clone the repository:
git clone https://github.com/Lou1sVuong/FocusNote -
Navigate to the project directory:
cd FocusNote -
Install dependencies:
npm install -
Run the development server:
npm run dev -
Open http://localhost:3000 with your browser to see the result.
src/app: Contains the main page and layout componentssrc/components/common: Houses the Kanban board, column, and task componentssrc/components/ui: Includes reusable UI components
You can easily customize the appearance of the Kanban board by modifying the Tailwind classes in the component files.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.