Thanks to visit codestin.com
Credit goes to github.com

Skip to content

bkanishka004/DateNow

Β 
Β 

Repository files navigation


DATENOW

**πŸ“Š Project Insights**
🌟 Stars 🍴 Forks πŸ› Issues πŸ”” Open PRs πŸ”• Closed PRs πŸ› οΈ Languages πŸ‘₯ Contributors
Stars Forks Issues Open PRs Closed PRs Languages Count Contributors Count

DateNow - Frontend πŸ’•

A modern dating app built with React, Firebase, and Google Gemini AI. Find your perfect match and chat intelligently.

Note: This is the frontend repository. The backend lives here. Run both for full functionality.


🌟 Features

  • πŸ€– AI-Powered Chat using Google Gemini
  • πŸ’¬ Real-time Messaging via Socket.io
  • πŸ” Firebase Authentication
  • 🎨 Beautiful, Responsive UI (Tailwind CSS + DaisyUI)
  • ❀️ Matchmaking Algorithm
  • πŸ“§ Email Integration with EmailJS
  • πŸ§‘β€πŸ’Ό User Profile Management

πŸ› οΈ Tech Stack

React 18, Tailwind CSS, DaisyUI, Firebase Auth, Google Gemini API, Socket.io, React Router, Vite, Lucide React, GSAP, EmailJS


πŸ“‹ Prerequisites

  • Node.js (v16+)
  • npm / yarn
  • Git

πŸš€ Getting Started

1. Clone the Repository

git clone https://github.com/yourusername/DateNow-Frontend.git
cd DateNow-Frontend

2. Install Dependencies

npm install

3. Setup Environment Variables

cp .env.example .env

Fill in your .env file using the guide below.

4. Backend Options

Option 1: Hosted Backend (Recommended)

VITE_BACKEND_URL=https://datenow-backend.onrender.com

May take ~1–2 mins to start if inactive.

Option 2: Local Backend

VITE_BACKEND_URL=http://localhost:9000

Follow setup from: DateNow-Backend

5. Start Development Server

npm run dev

Visit: http://localhost:5173


πŸ”§ Environment Variables

# Firebase
VITE_FIREBASE_API_KEY=your_firebase_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id
VITE_FIREBASE_MEASUREMENT_ID=your_measurement_id

# Gemini AI
VITE_GEMINI_API_KEY=your_gemini_api_key

# Backend
VITE_BACKEND_URL=https://datenow-backend.onrender.com

πŸ”‘ API Setup

Firebase

  1. Visit Firebase Console
  2. Create/select a project
  3. Enable Authentication β†’ Add sign-in methods
  4. Add a web app and copy config to .env

Google Gemini API

  1. Go to Google AI Studio
  2. Create an API key
  3. Add it to .env as VITE_GEMINI_API_KEY

πŸ“ Project Structure

DateNow/
β”œβ”€β”€ public/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ assets/         # Static media
β”‚   β”œβ”€β”€ components/     # UI components
β”‚   β”œβ”€β”€ context/        # AuthContext
β”‚   β”œβ”€β”€ App.jsx
β”‚   β”œβ”€β”€ auth.js
β”‚   β”œβ”€β”€ Layout.jsx
β”‚   └── main.jsx
β”œβ”€β”€ .env.example
β”œβ”€β”€ tailwind.config.js
β”œβ”€β”€ vite.config.js
└── vercel.json

πŸ› Troubleshooting

Backend Not Connecting?

  • Wait 1–2 mins (cold start)
  • Check VITE_BACKEND_URL
  • Local: Ensure it's running on port 9000

Firebase Auth Errors?

  • Verify .env values
  • Check Firebase β†’ Authentication β†’ Sign-in methods
  • Add localhost to authorized domains

API Issues?

  • Validate Gemini and Backend URLs in .env
  • Check internet / CORS settings

πŸ”— Check Backend Status https://datenow-backend.onrender.com


🀝 Contributing

  1. Fork this repo
  2. Create a branch: git checkout -b feature/your-feature
  3. Commit: git commit -m "Added feature"
  4. Push: git push origin feature/your-feature
  5. Open a Pull Request πŸš€

Guidelines

  • Follow code style
  • Write clear commit messages
  • Test thoroughly
  • Keep docs updated

πŸ“„ License

MIT License β€” see the LICENSE file.


πŸ‘₯ Team

Lead Developer: Anurag Yadav


Contributors ✨

Thanks go to these wonderful people who have contributed to this project:


anurag2787

Rishav-Bagri

asim770

lokesh0921

arishaix

DivyaJain-DataAnalyst

Sameeralam9

Copilot

DivyaJain09

AadityaHande

khushthecoder

itspavant

FMagueijo

dependabot[bot]

coding-mrinal

Chandan-U2003

vachan-maker

BUSHAAN

πŸ™ Acknowledgments

  • Firebase
  • Google Gemini AI
  • React + Open Source Libraries
  • All contributors ❀️

Made with ❀️ by the DateNow team

About

DateNow Backend GitHub Code :- https://github.com/anurag2787/DateNow-Backend

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%