Powerpuff Girls To-Do Application

A Powerpuff Girls-themed To-Do application to manage activities across various users. The app allows you to fetch, search, filter, add, edit, and delete tasks while offering a customizable profile section that pulls user data directly from GitHub. Additionally, the app features a comprehensive error-handling mechanism with a dedicated 404 page for invalid URLs.

Table of Contents

1. Overview
2. Features
3. Technologies Used
4. Demo
5. Repository Link
6. Collaborators
7. Acknowledgments

Overview

This app is inspired by the Powerpuff Girls, designed to be a playful and fun tool to manage to-do tasks. Users can track activities with details like the task’s status (completed or not), user assignments, and title. It also integrates profile information from GitHub to give a personalized experience. The app handles errors gracefully and provides user-friendly navigation with error boundaries and a 404 page for invalid URLs.

Features

• Task Management: Add, edit, delete, and track tasks (with user assignments).
• User Profile: Display a personalized profile section with user information from GitHub (username, profile picture, bio, etc.).
• Error Boundaries: A page to test and showcase error boundaries.
• 404 Page: A dedicated error page that displays when users try to access non-existent URLs.
• Search and Filter: Easily search for tasks and filter them by status or assigned user.
• Profile Section: Fetches user details such as username, profile picture, and bio from your GitHub profile.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A build tool and development server that is optimized for speed and modern development workflows.
• TailwindCSS: A utility-first CSS framework for designing responsive user interfaces.
• FontAwesome: Icon library for scalable vector icons.
• Google Fonts: Custom font for styling.
• GitHub API: For fetching user profile details (username, bio, etc.).

Demo

Check out the demo of the application here:

• To-Do Demo

Repository Link

For more details or to contribute to the project, visit the GitHub repository:

• GitHub Repo

Collaborators

• Raheenat Mohammed: Designer, Developer and Creator - GitHub Profile

Acknowledgments

• React: Thanks to React for building UI components and helping structure the frontend.
• Vite: Used Vite for fast, modern build setups and development experience.
• TailwindCSS: Tailwind allowed rapid styling with utility-first CSS classes.
• FontAwesome: For providing scalable icons throughout the app.
• Google Fonts: Custom fonts that fit the theme of the app.
• GitHub API: For allowing the dynamic fetching of user data.
• The Powerpuff Girls: For inspiring the colorful and fun design of the app.