/funder

A tinder styled joke application

Primary LanguageJavaScript

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