Introducing our Realtime Dating Website, engineered with Vue 3 and TypeScript, utilizing Firebase's comprehensive services for an interactive matchmaking experience. Our platform ensures reliable real-time communication and streamlined user profile management.
-
User Authentication: Users can easily create accounts and log in securely to access the dating platform.
-
Realtime Matching: Our sophisticated matching algorithm helps users find potential partners based on shared interests and preferences.
-
Real-time Chat: Once matched, users can engage in seamless real-time conversations using our chat feature.
-
Profile Pictures: We've integrated the 'vue-advanced-cropper' npm package to enhance user experience while uploading and cropping profile pictures.
-
Vue 3: Our frontend is built using Vue 3, providing a modern and dynamic user interface.
-
TypeScript: TypeScript brings static typing to the project, enhancing code quality and maintainability.
-
Firebase Hosting: The website is hosted on Firebase Hosting, ensuring fast and reliable access for users.
-
Firestore: We've utilized Firestore for real-time data synchronization, enabling instant updates for matches and chat messages.
-
Firebase Storage: Firebase Storage is used to securely store and manage user profile pictures.
-
vue-advanced-cropper: We've integrated the 'vue-advanced-cropper' npm package to facilitate easy and efficient profile picture cropping.
-
Pinia: We've used Pinia for state management, making our application's data flow smooth and efficient.
Check out our Realtime Dating Website in action: Live Demo
- Clone the repository:
git clone https://github.com/efeturkemir/vue-dating-app.git - Navigate to the project directory:
cd your-repo - Install dependencies:
npm install - Configure Firebase:
- Create a Firebase project at Firebase Console.
- Obtain your Firebase configuration and replace it in the project's configuration files.
- Start the development server:
npm run serve - Access the website locally at
http://localhost:8080
src/contains the main source code of the project.src/components/holds the Vue components used in the project.src/views/includes different views/routes of the website.src/firebase/contains Firebase configuration and setup.public/contains static assets and the main HTML file.
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name - Make your changes and commit:
git commit -m "Add your feature" - Push to the branch:
git push origin feature/your-feature-name - Create a pull request explaining your changes.
This project is licensed under the MIT License.