This is an experimental project, to learn React JS.
Using Create React App, I'll try to "clone" the original tinder app, with all the screens and functionalities.
To begin with, a database on Firebase will be used, because of the ease of use. Further, for learning purposes, I'll try different approaches for backend, like SQL and NOSQL databases (like MongoDB).
- Swiping cards
- Chating
- Created a database in Firebase and connected to the app, with the names and images to be shown on the cards;
- A Header/NavBar with three icons;
- A body with a stack of cards, with the functionality of swipe right or left;
- A footer with five round buttons;
- A page with all the chats and;
- Another page for each chat, with some functionalities.
-
Create the other functionalities/screens of the app;
-
Put each and every one button to work properly;
-
Authentication for the users in Firebase;
-
Adjust the database to contain all the data for each user, including his name, picture, name of other users chosen(or not) by him and the chat content;
-
Think of another type of database, if necessary, to keep all this data;
-
Improve the responsivenes of the app;
The app can be seen here