https://github.com/afsify/taskent-dashboard
Dive into an interactive and responsive dashboard with dynamic charts, effortlessly manage user information with search and filter options, and task manager with CRUD functionality.
https://github.com/afsify/taskent-dashboard
dashboard task-management user-management
Last synced: about 1 year ago
JSON representation
Dive into an interactive and responsive dashboard with dynamic charts, effortlessly manage user information with search and filter options, and task manager with CRUD functionality.
- Host: GitHub
- URL: https://github.com/afsify/taskent-dashboard
- Owner: afsify
- Created: 2025-01-21T12:29:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-24T15:58:56.000Z (over 1 year ago)
- Last Synced: 2025-01-29T19:17:58.648Z (over 1 year ago)
- Topics: dashboard, task-management, user-management
- Language: JavaScript
- Homepage: https://taskent.vercel.app
- Size: 90.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Taskent Dashboard
Welcome to the **Taskent Dashboard**, a powerful and responsive dashboard application designed to manage users, tasks, and visualize important data. This project demonstrates skills in creating dynamic interfaces, managing state efficiently, and following modern UI/UX design principles. With features like data visualization, user management, and task management, Taskent aims to provide a comprehensive solution for managing tasks and user information seamlessly.
## Features
- **Data Visualization**: Dynamic charts using Chart.js to visualize data from the `dummy.json` file.
- **User Management**: Fetching user data from the API `https://jsonplaceholder.typicode.com/users`. Display the user list in a responsive table with a search functionality to filter by name, company, or city. Users can also download the list as a PDF.
- **Task Management**: Managing tasks using CRUD operations. Users can add, edit, and delete tasks, with a clean table or list format for easy management.
- **Dark Theme**: Switch between light and dark themes for a personalized and comfortable user experience.
- **Animations**: Smooth animations are applied to elements for a more engaging and interactive UI.
- **Responsiveness**: Fully responsive design, ensuring seamless performance on mobile, tablet, and desktop devices.
- **Modern UI/UX**: Clean and intuitive interface focused on providing a professional user experience.
- **Customizable Layouts**: Flexible layouts that adjust to different screen sizes for an optimal viewing experience.
- **Efficient State Management**: Optimized state management for smooth and fast interactions throughout the dashboard.
- **Interactive Data**: Real-time interactions with the data visualizations, allowing users to interact with charts for more insights.
## Tools and Technologies
### Client-Side Libraries
- **React.js**: JavaScript library for building user interfaces.
- **Redux.js:** A predictable state container for JavaScript apps.
- **Ant Design:** A design system for enterprise-level products.
- **Chart.js**: Library for data visualization and chart creation.
- **TailwindCSS**: Utility-first CSS framework for building custom designs quickly.
- **jspdf**: Library for generating downloadable PDFs of user data.
## Getting Started
1. **Clone the repository**:
```bash
git clone https://github.com/afsify/taskent-dashboard.git
```
2. **Install dependencies**:
Navigate to the `client` folder and install the necessary dependencies.
```bash
cd client
npm install
```
3. **Start the client-side application**:
```bash
npm start
```
The client-side application will run on [http://localhost:3000](http://localhost:3000).
## Live Demo
You can access the live demo of the project here:
[https://taskent.vercel.app](https://taskent.vercel.app)
## Contributing
Contributions are welcome! Feel free to open issues and submit pull requests.
- **Report Bugs**: If you encounter any bugs, please open an issue with details.
- **Submit Features**: Have an idea for a new feature? Open an issue to discuss.
- **Improve Documentation**: Contributions to improve the documentation are always welcome.