Welcome to the Profile Dashboard Project

This project is designed to progressively build your React skills. You will create a Profile Dashboard app in four phases, each introducing new concepts and components to enhance your development knowledge.

Project Purpose

The Profile Dashboard Project aims to help you learn React fundamentals step-by-step. Each phase introduces new functionality, including user profile display, modal views, theming with Dark Mode, and filtering/sorting options.

By the end of the project, you will have a solid understanding of React's state management, component composition, conditional rendering, and user interface features.

Project Phases

Phase 1: Basic User Profiles

Display user profiles with basic details and a favoriting feature.

Phase 2: Modal and Favorites Column

Add a modal for detailed profile views and a column to display favorites.

Phase 3: Dark Mode

Implement Dark Mode to toggle between light and dark themes.

Phase 4: Filtering and Sorting

Add filtering by country and sorting options by name.

Expectations and Learning Outcomes

Phase 1: Basic state management and conditional rendering.
Phase 2: Modals, component composition, and dynamic list rendering.
Phase 3: Theme toggling with Dark Mode.
Phase 4: Filtering and sorting with advanced state handling.

Explore each phase and build a fully functional profile dashboard!