SparkMate - Dating App of the New Generation

Welcome! 👋

Table of contents

• Overview
  • The challenge
  • How to setup the project
  • Screenshot
  • Links
• How to run
• How to build
• How to preview the build
• How to host
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• 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:

   git clone https://github.com/SartHak-0-Sach/SparkMate_Dating_App.git

2. Navigate to the project directory:

   cd SparkMate_Dating_App

Screenshot

Links

• Solution URL: Link to this repo
• Live Site URL: Live site URL

How to run

Note: You need Node.js and npm installed on your machine.

npm install
npm run dev

How to build

npm run build

A dist folder should be created.

How to preview the build

npm run preview

How to host

Here is a guide: How to deploy the project

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 - Essential for building cross-platform mobile apps.
• Socket.IO Documentation - Comprehensive guide to real-time communication in web apps.
• MongoDB Documentation - Guide to using MongoDB for scalable database management.
• Expo Documentation - Resources for developing with Expo.
• Tailwind CSS Documentation - Utility-first CSS framework documentation.

Author

Sarthak Sachdev

• Website - Sarthak Sachdev
• LeetCode - @sarthak_sachdev
• Twitter - @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! ☺️🚀