Hook

Hook is a mobile dating app built with React Native, works cross-platform in IOS and Android. Our idea is to help users find love, friendship, partner and bridging between digital world and real world. We know it is hard to meet your "match made in heaven" in a social distancing society, Hook will be your right-hand man in your path finding "the one".

Target User

• People who wants to find friends, partner, meet new people and find their soulmates online.
• Estimated age of users is between 18-32 years old.

Outstanding features

• Home page displays 5 instead of 1 user. Easy comparison and turning back.
• Swipe right on users' images on Home to "shortcut" Like.
• Detailed filtering functionalities (Age, Location, Gender, Nationality, Height, Religion, Hobbies).
• See who already liked you in Like page (live update).
• Search for user by username and see hottest users in Search page.
• Live update Chat.
• Update information and upload pictures easily in Profile page.

A sneak peek of Hook

Video demo: video

Backend and APIs

wbma-server-node API is owned by Metropolia UAS. Link to API docs

• Backend is tested with Postman.
• Hook can be run on real phone or emulator with expo client app.

Dependencies

• react-native-multi-slider
• lottie-react-native
• react-native-autoscroll-flatlist
• react-native-elements
• react-native-gesture-handler
• react-native-material-menu
• react-native-pages
• react-native-paper
• react-native-picker
• react-native-svg

Installation

1. Clone Hook repo to local:

$ git clone https://github.com/minhson0506/DatingApp-Hook.git

2. Install dependencies in DatingApp folder:

$ cd DatingApp
$ npm i
$ npm install --global expo-cli

3. Run the app:

$ npm start

Contributors

My Mai

Son Dang

Chan Chung Yin, Julian