Hey everyone! We've all been on dating apps sometime or the other and we've had our experiences. How is this app any different?
Repository Links
React Native app: github.com/Prathamkrishna/datingapp
Back end Spring app: github.com/Prathamkrishna/datingappbackend
About the App
Looking at things today, we all listen to music and for folks around my age or maybe beyond as well, having that music taste match is somewhat important. So this app picks up the user's Spotify data, pretty much just the top artists and a couple other things and displays profiles accordingly on the user's card stack. The user can then choose to swipe left or right as per their choice.
Do such apps not already exist in the market?
I've researched a bit and there's only one app here in India and it works only on Android. There are a very few other apps around the world as well.
Pretty simple right? Haha yes, maybe not 😛 let's get into the details of the code now!
The tech stack
Since this will be a mobile application, I will be working with React Native for the UI end and Spring, Spring Boot and MongoDB on the backend. We are using certain external libraries and npm packages for the development too. To list down a few:
Spring Security (spring.io/projects/spring-security) to secure our Spring application.
An Auth0 provider jwt.io to create and verify tokens.
Expo (expo.dev) to build our react native application.
React Navigation (reactnavigation.org) to build the navigation for our frontend application.
and a couple more!
Features
We're not building a very complex, feature rich application right at the start. The idea is to build a working application which works off the basic idea and can be released in the market and then add the extra features to make it even better.
The user login is using the Spotify API, as simple as that.😀
The user can add one photo from their library, pick their search preference, enter their name and age and ta-da the user is in!
Once the user is in the main app, there are 2 + 1 slider sections.
The profile section is to make any changes to the user's profile; could be a change in profile photo or the user bio!
The second section is the main application where-in the user can swipe on other profiles.
This second section also has a slider section. Here lies the user chat box. On a match, the user can visit this section and break the ice!
There is also a log out button on the user profile section.
I would also like to mention that:
- My approach for the development here is making the application work and then work on the styling.
- There are a few tweaks I still need to do on the UI which I've written on the Todo file on my react native app.
Implementing Auth0 to my application
What next?
The auth end is quite ready and the basic skeleton of the main app too. Will be setting up security soon!
Closing note
If you sticked with me all the way till here, a genuine THANK YOU 💖 and with this, I Pratham Krishna, am signing off really hoping I finish this project and I ship it!