This project is a Full-stack fully functional Tinder clone application using JavaScript, React.js, Material-UI, and some Firebase services like Firebase hosting and Cloud Database.
You can play with this project by just swipping cards. Also, you can view chat screen by click chat-icon
and then person chat thread.
- Build it by
create-react-app
- Created different
./components
for different functionalities likechatScreen
,buttons
,header
,tinderCards
and more.. - Used
react-router-dom
to navigate among various paths of the application - Used
react-tinder-card
npm package to make swipeable elements like in the app tinder - Build clean mobile friendly user interface using
material-ui
- Used
Cloud Firestore
to store alltinder-card
realtime database - Deployed it with
Firebase Hosting
Open https://react-tinder-clone-3be73.web.app/
to view it in your mobile app
.
- JavaScript
- ReactJS
- HTML/CSS
- Firebase
- Material-UI