The frontend of DevTinder — a modern web platform that helps developers discover and connect with like-minded devs based on their skills, interests, and projects. Built with React (Vite), Tailwind CSS, and DaisyUI, this interface offers a clean, responsive, and engaging user experience with integrated AI onboarding assistant.
🌐 Live Project: DevTinder
- ⚡ Fast Vite + React.js setup
- 🎨 Tailwind CSS + DaisyUI theming
- 🔐 Login, Signup, Logout with cookie-based auth
- 👤 View and edit user profiles
- 🧠 Smart matching feed based on skills/interests
- 💬 AI Assistant: DevBuddy (powered by OpenAI)
- 🤝 Send & receive interest requests
- 🔄 Accept / reject requests, view connections
- 📱 Responsive mobile-first design
- 🌙 Dark mode (DaisyUI "business" theme)
- React + Vite
- Tailwind CSS v3.4 + DaisyUI
- Axios
- React Router
- Redux Toolkit (optional, if used)
- OpenAI API (via backend)
- Toastify / animations for UX feedback
git clone https://github.com/Shams261/DevTinder-frontend.git
cd DevTinder-frontendnpm installnpm run devDevBuddy is an integrated AI assistant powered by OpenAI. It helps users with:
- Onboarding guidance
- Platform usage tips
- General queries related to connecting with developers
🧭 Accessible via:
- The
/assistantroute - A floating assistant button on feed/profile pages
⚙️ Technical Note:
- Uses OpenAI’s GPT-3.5 Turbo model
- Optimized for low token cost and fast responses
The frontend interacts with the backend API hosted in the DevTinder. Ensure the backend is running before using the frontend.
Contributions are welcome! If you'd like to improve this project, follow these steps:
- Fork the repository
- Clone your fork locally
- Create your feature branch:
git checkout -b feature/amazing-feature
- Make your changes and commit:
git commit -m "Add some amazing feature"- Push to your fork:
git push origin feature/amazing-feature- Open a Pull Request and describe your changes
This project is open-source and available under the MIT License.