The Issue Tracker is designed to streamline tracking and managing issues. This app provides a centralized platform for teams to collaborate on identifying, prioritizing, and resolving various tasks and problems.
Explore the deployed version of the Issue Tracker here.
demo.mp4
- Issue Tracking: Effortlessly manage and track issues, ensuring a systematic approach to problem resolution.
- Prioritization: Prioritize tasks based on urgency and importance, facilitating efficient project management.
- Collaboration: Foster team collaboration by allowing members to update and contribute to issue resolution.
- Real-time Analytics: Gain valuable insights with dynamic charts tracking issues' statuses and reviewing the most recent issues, ensuring a comprehensive understanding of project progress and areas that require attention.
The Issue Tracker application leverages modern technologies to ensure a seamless user experience:
- Next.js: Empowering the front-end with a dynamic and responsive user interface.
- MySQL: Storing and retrieving data efficiently.
- Prisma: Seamless data access and management.
- Zod: Ensuring strict and type-safe validation of data.
- Axios: Making HTTP requests for seamless data communication.
- Next Auth: Facilitating authentication with ease.
- Recharts: Visualizing data with responsive and interactive charts.
- React SimpleMDE: Integrating a Markdown editor for detailed descriptions and comments.
- EasyMDE: Integrating a simple Markdown editor for efficient text input.
- React Markdown: Rendering Markdown content seamlessly.
- React Loading Skeleton: Providing a skeleton loading effect for improved user experience.
- React Hot Toast: Displaying notifications for real-time updates.
The design of the Issue Tracker is crafted using the following tools:
- Tailwind CSS: Styling the application with a utility-first approach for a clean and maintainable design.
- Radix UI: Implementing UI themes for a consistent and accessible design.
- PostCSS: Transforming CSS with JavaScript plugins for optimized styling.
- React Icons: Utilizing a comprehensive library of icons for enhanced visual appeal.
- Canva: Leveraging Canva for professional and eye-catching design elements.
- unDraw: Creating customizable design assets.
- Clone the repository:
git clone https://github.com/veronika-pomy/issue-tracker - Navigate to the project directory:
cd issue-tracker - Install dependencies:
npm install - Start the development server:
npm run dev - Set Environment Variables: For security, create an
.envfile and add your sensitive information as environment variables.
If you encounter any bugs, have suggestions, or want to add new features, please feel free to open an issue or submit a pull request.
You can also contact me at pomyateevav@gmail.com.