Zen is a comprehensive management application designed to help you organize your tasks, take notes, and manage your time efficiently. Built with React, TypeScript, and Tailwind CSS, and leveraging Shadcn UI components, Zen offers a modern, responsive, and intuitive user experience. Additionally, all data is stored in the browser's local storage, ensuring your information is saved between sessions.
-
To-Do List: Create, edit, and manage your tasks effortlessly.
-
Notes: Jot down important information and ideas.
-
Timer: Set and manage timers for various activities.
-
Stopwatch: Track elapsed time for different tasks and activities.
-
Pomodoro Timer: Utilize the Pomodoro technique to enhance productivity.
-
Dark Mode: Switch between light and dark themes for comfortable viewing.
-
Local Storage: All data is stored in the browser's local storage, ensuring your information is saved between sessions.
-
Responsive Design: Zen is designed to be accessible and user-friendly across various devices and screen sizes.
To view the website online, visit https://karolfaltyn.github.io/zen/.
Follow these steps to set up the Zen App on your local machine:
-
Clone the repository:
git clone https://github.com/karolfaltyn/zen.git -
Navigate to the project directory:
cd zen -
Install dependencies:
npm install -
Compile Tailwind code:
npm run build:tailwind -
Start the development server:
npm run dev -
Open your browser and visit
http://localhost:5173to view the application.
-
React: For building interactive and dynamic user interfaces.
-
TypeScript: Adds type safety and improves development efficiency.
-
Tailwind CSS: Utility-first CSS framework for responsive and customizable design.
-
Shadcn UI: Provides accessible and customizable UI components.
-
PostCSS: CSS processor for enhanced styling and optimization.
-
Local Storage: For persistent data storage across browser sessions.
This project is licensed under the MIT License.