Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarthak-0-sach/full_stack_dating_app-reactnative
SparkMate: A next-generation dating app built with React Native and Expo Router for Android and iOS. Features real-time chat and match management using Socket.IO and MongoDB. Enhanced user engagement with an interactive design and real-time updates.
https://github.com/sarthak-0-sach/full_stack_dating_app-reactnative
cross-platform-application-development expo-router mongodb-database react-native socket-io
Last synced: 3 months ago
JSON representation
SparkMate: A next-generation dating app built with React Native and Expo Router for Android and iOS. Features real-time chat and match management using Socket.IO and MongoDB. Enhanced user engagement with an interactive design and real-time updates.
- Host: GitHub
- URL: https://github.com/sarthak-0-sach/full_stack_dating_app-reactnative
- Owner: SartHak-0-Sach
- License: bsd-3-clause
- Created: 2024-08-21T10:26:42.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T01:01:16.000Z (5 months ago)
- Last Synced: 2024-10-10T05:40:32.577Z (3 months ago)
- Topics: cross-platform-application-development, expo-router, mongodb-database, react-native, socket-io
- Language: JavaScript
- Homepage:
- Size: 462 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SparkMate - Dating App of the New Generation
## Welcome! 👋
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [How to setup the project](#how-to-setup-the-project)
- [Screenshot](#screenshot)
- [Links](#links)
- [How to run](#how-to-run)
- [How to build](#how-to-build)
- [How to preview the build](#how-to-preview-the-build)
- [How to host](#how-to-host)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
### The challenge
Users should be able to:
- Create profiles and match with other users in real time
- Engage in real-time chats with their matches, with updates synced instantly across devices
- Experience a responsive, interactive design optimized for both Android and iOS platforms
- Enjoy seamless navigation through a modern and intuitive UI
### How to setup the project
To set up the project locally, follow these steps:
1. Clone the repository using GitHub Desktop or Git Bash:
```bash
git clone https://github.com/SartHak-0-Sach/SparkMate_Dating_App.git
```
2. Navigate to the project directory:
```bash
cd SparkMate_Dating_App
```
### Screenshot
### Links
- Solution URL: [Link to this repo](https://github.com/SartHak-0-Sach/SparkMate_Dating_App)
- Live Site URL: [Live site URL](https://sparkmate-dating-app.vercel.app/)
## How to run
Note: You need Node.js and npm installed on your machine.
```bash
npm install
npm run dev
```
## How to build
```bash
npm run build
```
A `dist` folder should be created.
## How to preview the build
```bash
npm run preview
```
## How to host
Here is a guide: [How to deploy the project](https://github.com/SartHak-0-Sach/SparkMate_Dating_App/blob/main/HOW_TO_DEPLOY.MD)
## My process
### Built with
- React Native
- Expo Router
- Socket.IO
- MongoDB
- Tailwind CSS
### What I learned
Developing SparkMate provided deep insights into integrating real-time features with Socket.IO and managing large-scale user interactions efficiently using MongoDB. This project also enhanced my skills in React Native and cross-platform mobile app development.
### Continued development
I plan to further optimize the real-time features, introduce new interactive elements, and explore advanced algorithms to improve match-making accuracy and user engagement.
### Useful resources
- [React Native Documentation](https://reactnative.dev/docs/getting-started) - Essential for building cross-platform mobile apps.
- [Socket.IO Documentation](https://socket.io/docs/) - Comprehensive guide to real-time communication in web apps.
- [MongoDB Documentation](https://docs.mongodb.com/) - Guide to using MongoDB for scalable database management.
- [Expo Documentation](https://docs.expo.dev/) - Resources for developing with Expo.
- [Tailwind CSS Documentation](https://tailwindcss.com/docs) - Utility-first CSS framework documentation.
## Author
**Sarthak Sachdev**
- Website - [Sarthak Sachdev](https://itsmesarthak.netlify.app/)
- LeetCode - [@sarthak_sachdev](https://leetcode.com/u/sarthak_sachdev/)
- Twitter - [@sarthak_sach69](https://www.twitter.com/sarthak_sach69)
## Acknowledgments
Thanks to the React Native and Expo communities for providing excellent resources and support, which greatly contributed to the success of this project.
## Got feedback for me?
I love receiving feedback! I am always looking to improve my code and take up new innovative ideas to work upon. So if you have anything you'd like to mention, please email 'hi' at saarsaach30[at]gmail[dot]com.
If you liked this project, make sure to spread the word and share it with all your friends.
**Happy coding!** ☺️🚀