useContext-Intermediate

useContext-Intermediate is a collection of three intermediate-level React projects that showcase practical use cases of the useContext hook for global state management. These projects simulate real-world features like shopping carts, user preferences, and task filtering.

📁 Projects

1. ShoppingCart-Context
   Build a shopping cart with global state, item management, and persistence using CartContext.

2. UserSettings-Context
   Manage user preferences like theme and language across the app using SettingsContext and AuthContext.

3. TaskManager-Context
   Create a task manager with filtering capabilities using TasksContext and FilterContext.

🚀 Getting Started

Each project is located in its own folder. You can run them individually:

  cd ProjectFolderName
  npm install
  npm run dev

Example:

  cd ShoppingCart-Context
  npm install
  npm run dev

🛠️ Requirements

• Node.js and npm installed
• Solid understanding of React basics
• Familiarity with useContext

📚 Topics Covered

• Creating multiple context providers
• Composing contexts to manage complex state
• Real-world patterns like persistence, filtering, and user settings

🤝 Contributing

Feel free to submit issues or pull requests to improve this project.

📄 License

This project is licensed under the MIT License.

---

Made with ❤️ by Espadv69