React + Redux Practice

Este README também está disponível em Português.

This project is a practical exercise on using React with Redux Toolkit, demonstrating the conversion of components from useState and Fetch API to Redux and RTK Query.

⚠️ Note: This project is currently broken because the API used in the original course has been taken offline. It used to fetch data from:

https://fake-api-tau.vercel.app/api/ebac_sports

The error returned is:

404: NOT_FOUND
Code: DEPLOYMENT_NOT_FOUND

The API hosted mock JSON data for products. Despite this, the code structure and logic remain fully functional and demonstrate a correct implementation of Redux state management.

🚀 Technologies Used

• React
• Redux
• Redux Toolkit
• RTK Query
• TypeScript
• Fetch API (removed)
• React Hooks (useState, useEffect, useDispatch, useSelector)
• HTML5
• ESLint

📦 Installation

npm install

▶️ Running the Project

npm start

📁 Folder Highlights

• store/ – Redux store configuration
• slices/ – Contains individual Redux slices for cart and favorites
• services/api.ts – RTK Query setup
• components/ – React components consuming Redux state

🎯 Goals

• Practice converting local state logic to Redux Toolkit.
• Implement asynchronous data fetching using RTK Query.
• Structure Redux logic using best practices.