Issue Tracker is a web application built with Next.js and TypeScript that allows users to manage issues efficiently. The app provides a clean and intuitive interface for adding, deleting, and updating issues, and features a dashboard for visualizing all issues.
- Next.js: A React framework for server-side rendering and static site generation.
- TypeScript: A typed superset of JavaScript that enhances development with type safety.
- Radix UI: A library of components for building accessible and customizable user interfaces.
- React Query: For client-side caching and data synchronization.
- Zod: For client and server-side validation.
- React Hook Form: For managing form state and validation.
- classnames: A utility for conditionally joining class names.
- OAuth: For user authentication, using Google as the provider.
- Recharts: For data visualization in the dashboard.
- User Authentication: Sign up and log in using Google OAuth.
- Issue Management: Add, update, and delete issues.
- Dashboard Visualization: View all issues with a visual representation using Recharts.
To run the project locally:
-
Clone the repository:
git clone https://github.com/Nizar7zak/Issue-Tracker.git
-
Navigate to the project directory: cd issue-tracker
-
Install dependencies: npm install
-
Set up environment variables: Create a .env.local file in the root of the project and add the required variables: GOOGLE_CLIENT_ID=your_google_client_id GOOGLE_CLIENT_SECRET=your_google_client_secret
-
Run the development server: npm run dev
-
Open your browser and navigate to http://localhost:3000.
Contributions are welcome! Please open an issue or submit a pull request.
This project is licensed under the MIT License. Feel free to modify any sections to better fit your project's specifics! Let me know if you need any changes or additional sections.