umarashfaq / my-meetups

A real-time app that demonstrates use of React, Redux, Firebase, React-Toolbox and ES6.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyMeetups

A real-time app that demonstrates use of React, Redux, Firebase, React-Toolbox and ES6. It can be viewed live here.

What is Real-Time here?

If the app is opened at two or more places at the same time, and you make any change from one of the places, you'll see the changes available everywhere immediately without any page reloads.

Dependencies

  • Node
  • NPM

How To Run?

  • Clone the repo to your dev machine.
  • cd <project-root>
  • npm install
  • Rename <project-root>/src/fire.template.js to <project-root>/src/fire.js.
  • Update <project-root>/src/fire.js with your Firebase values.
  • npm start
  • Open localhost:3000 in your browser.

Screenshots

Landing Page

The Landing Page

List of Users

List of Users

Edit User

Edit User

Images above are hosted at Imgur.

Limitations

  • This project isn't optimized for mobile/touch devices.
  • It was developed on a 15" MBP with Chrome v61 and Firefox v56 as test browsers. It hasn't been tested outside this environment.
  • It doesn't have any test suite at the moment.

About

A real-time app that demonstrates use of React, Redux, Firebase, React-Toolbox and ES6.


Languages

Language:JavaScript 89.3%Language:CSS 8.1%Language:HTML 2.5%