DevTinder

A React frontend project for a Tinder-style social matching app. It uses Tailwind CSS, Redux Toolkit, React Router, and Axios to manage UI state, navigation, and API interactions.

Features

• React with Vite for fast development
• Tailwind CSS + daisyUI for responsive styling
• Redux Toolkit for global state management
• React Router for client-side navigation
• Axios for HTTP requests
• Login, Sign Up, profile viewing, user connections, and request handling

Project Structure

• src/
  • App.jsx – main app component
  • main.jsx – Vite entry point
  • index.css – global styles
  • components/ – UI and page components
  • redux/ – Redux slices and store setup
  • route/ – route definitions
  • utils/ – constants and helpers

Getting Started

Prerequisites

• Node.js 18+ recommended
• npm

Install dependencies

npm install

Run locally

npm run dev

Then open the local URL shown in the terminal, typically http://localhost:5173.

Build for production

npm run build

Preview production build

npm run preview

Screenshot