The answer
Redux uses slices: authSlice (user data, login state), feedSlice (feed users, pagination), and chatSlice (messages, active chat, typing status). Each slice manages a specific part of the app state.
DevTinder Frontend Repository Setup React, Redux, and TailwindCSS Configuration
How is Redux structured in DevTinder?
More FAQs in DevTinder Frontend Repository Setup React, Redux, and TailwindCSS Configuration
React, React DOM, React Router for routing, Redux Toolkit and React Redux for state management, Axios for HTTP requests, Socket.io client for real-time chat, and TailwindCSS for styling.
Set VITE_API_URL in the frontend .env to point to the backend URL (e.g., http://localhost:3000/api). Configure Axios with withCredentials: true to send cookies. Make sure the backend is running and CORS allows the frontend origin.
withCredentials: true tells Axios to send and receive cookies with cross-origin requests. Without it, the JWT auth cookie won't be sent to the backend, and the user won't stay logged in.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.