DevTinder Frontend

A modern developer matchmaking platform frontend built with a scalable architecture, reusable components, and a polished user experience.

---

Overview

DevTinder Frontend is a modern and responsive web application designed to connect developers. It focuses on performance, scalability, and maintainability using the latest React ecosystem tools.

Features

• Authentication flows with protected routes
• Responsive and modern UI
• Reusable and composable components
• Efficient server state management
• Form validation with type safety
• Global state management
• Optimized API handling
• Clean and scalable project structure

Tech Stack

Category	Technologies
Framework	Next.js, React
Language	TypeScript
Styling	Tailwind CSS
State Management	Zustand
Server State	TanStack Query
HTTP Client	Axios
Validation	Zod
UI Components	shadcn/ui, Radix UI
Icons	Lucide React

Getting Started

Prerequisites

• Node.js
• npm

Installation

npm install

Run Development Server

npm run dev

Open:

http://localhost:3000

Available Scripts

npm run dev      # Start development server
npm run build    # Create production build
npm run start    # Start production server
npm run lint     # Run ESLint

Project Structure

src/
├── app/            # App Router pages and layouts
├── components/     # Shared and reusable UI components
├── features/       # Feature-based modules
├── hooks/          # Custom React hooks
├── lib/            # Utility functions and configurations
├── services/       # API service layer
├── store/          # Zustand stores
├── types/          # TypeScript definitions
└── constants/      # Application constants

Contributing

Contributions, issues, and feature requests are welcome. Feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.