What dependencies does the DevTinder frontend use?
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.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in DevTinder Frontend Repository Setup React, Redux, and TailwindCSS Configuration
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.
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.
Still have questions?
Browse all our FAQs or reach out to our support team