Simple Tinder web app

This project was bootstrapped with Create React App.

Demo

<iframe src="https://youtu.be/P_ljfKB3U8Q" frameborder="0" allowfullscreen="true"> </iframe>

Feature

• Like
• Pass
• View history

Built with:

• NodeJS/MongoDB: For server side. (Node 10+)
• ReactJS: For client side. (React 17.x)
• 💡 TypeScript: A language for application-scale JavaScript
• 💎 Hooks: Use react hooks API instead of traditional class API
• 🚀 State of The Art Development: Newest development stack of NodeJS/React/Hooks/React Sweet State/Typescript
• react-sweet-state for state management
• husky/lint-staged for checking before commiting and pushing (check it out in husky and lint-staged section in package.json)
• stylelint for checking style convention
• jest framework and runner, react-test-renderer, enzyme are test utilities
• localForage for improving the offline experience by using asynchronous storage

📦 Install

$ git clone https://github.com/brian-tgle/tinder-clone.git
$ cd tinder-clone

Start server

$ cd server
$ npm install
$ node server

Server live on: http://localhost:4000/ Exposed API:

GET: /user                  Get users list

GET: /user/{userId}         Get Full profile

POST: /user/like            Mark a user as liked

POST: /user/pass            Mark a user as not liked

POST: /history              Get the list of people have liked or passed so far 

Start client

$ npm install
$ npm start

Client live on: http://localhost:3000/

🔨 Build

npm install
npm run build

🖥 Browsers support

Modern browsers and Internet Explorer 10+.

IDE Settings

Current setting available: auto fixing and linting code on save. Check it out in .vscode/settings.json.