Skip to content

martyjg/dating-app

Repository files navigation

Dating App task for Erasys

Setup

npm install
npm start
open http://localhost:8080/

Testing

npm test

Description

Features:

  • User profiles!
  • Age filter!
  • Blurring of offline users' images!
  • Responsive design!

Build

This application is built with React using ES6 syntax. SASS is used for style preprocessor and webpack as a bundler.

Useful/Interesting links

Here are some links to useful tutorials that I found outside of the offical docs when building the Dating App:

Syntactic differences between traditional React and React with ES6

On binding methods in React components

Configuring Webpack for ES6 React and SASS

React AJAX best practices

Testing with Jest

Material-UI component (slider used for age filter)

Object immutability helper (React addon)


What next

  • Writing more robust tests to drive the development
  • Revise slider controls for smoother user interaction
  • Revise User Profile to be more responsive and display more user details

About

Task - React Webpack SASS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published