A comprehensive developer dashboard built with Next.js, designed to enhance productivity and streamline daily development workflows. This application integrates essential tools like a Pomodoro timer, a code snippets manager, and a to-do list, all within a clean and intuitive interface.
- Pomodoro Timer: Boost your focus with a customizable Pomodoro timer to manage work and break intervals.
- Code Snippets Manager: Store, organize, and quickly retrieve your frequently used code snippets.
- To-Do List: Keep track of your tasks and manage your daily development agenda efficiently.
- Dark/Light Mode Toggle: Seamlessly switch between dark and light themes for a comfortable viewing experience.
- Responsive Design: Optimized for various screen sizes, ensuring a consistent experience across devices.
Follow these steps to get your development environment set up and run the Dev Dashboard locally.
Ensure you have the following installed on your machine:
-
Clone the repository:
git clone hhttps://github.com/Tron-Only/dev-dashboard.git cd dev-dashboard -
Install dependencies:
pnpm install
To start the application in development mode:
pnpm devOpen http://localhost:3000 with your browser to see the result. The page will auto-update as you make changes to the source files.
Once the application is running, you can access its features through the dashboard interface.
- Pomodoro Timer: Navigate to the Pomodoro section to start, pause, or reset your work and break sessions.
- Code Snippets: Use the Snippets section to add new code snippets, search existing ones, and copy them to your clipboard.
- To-Do List: Manage your tasks by adding new items, marking them as complete, or deleting them from the list.
- Theme Toggle: Use the moon/sun icon (usually in the top right corner) to switch between dark and light modes.
We welcome contributions to the Dev Dashboard! If you'd like to contribute, please follow these guidelines.
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature-name). - Make your changes and ensure they adhere to the project's coding standards.
- Write clear, concise commit messages.
- Push your branch (
git push origin feature/your-feature-name). - Open a Pull Request to the
mainbranch of the original repository.
- Ensure your code is formatted using Prettier (I personally use BiomeJS).
Error: listen EADDRINUSE: address already in use :::3000: This means another process is already using port 3000. You can either stop the other process or configure Next.js to run on a different port (e.g.,PORT=3001 npm run dev).- Dependencies not installing: Ensure your Node.js and npm/yarn/pnpm/bun versions are up to date. Try clearing your package manager cache (
npm cache clean --force).
If you find a bug, please open an issue on the GitHub Issues page and provide as much detail as possible, including:
- Steps to reproduce the bug.
- Expected behavior.
- Actual behavior.
- Screenshots (if applicable).
- Your operating system and browser version.
Q: What technologies are used in this project? A: This project is built with Next.js, React, and TypeScript, utilizing Tailwind CSS for styling and Shadcn UI components.
Q: Can I customize the Pomodoro timer intervals? A: Currently, the timer intervals are fixed, but this is a planned feature for future updates.
Q: How do I add new features? A: Please refer to the Contributing section for guidelines on how to propose and implement new features.
This project is licensed under the MIT License - see the LICENSE.md file for details.
(Note: You may need to create a LICENSE.md file if one doesn't exist.)
- Next.js - The React framework for production.
- Shadcn UI - For beautiful and accessible UI components.
- Tailwind CSS - For utility-first CSS framework.