Funder

A tinder styled joke application

Responsive mobile compatible web application

Live Demo: Funder

Technologies

• ReactJS
• React Spring
• React use gesture
• Redux Toolkit
• Styled components
• Ant Design

Installation

• git clone https://github.com/sadanandpai/funder.git
• Navigate to the directory
• npm install
• npm start

Approach

• The state is used for navigation between pages to avoid URL changes
• Jokes are fetched from https://icanhazdadjoke.com (No registration / key required)
• Images are taken randomly from https://source.unsplash.com (No registration / key required)
• Local storage is used for storage of data
• Swipe animations are done using tranformations and transitions