ninoM / activity-record

ReactJS app to track your activities. Also uses Firebase as db

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This project was bootstrapped with Create React App.

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Activity Record

This app records your activities! No concept of users yet so this is a shared database (oops).

Things you can do

  • Add an activity
  • Edit an activty
  • Mark / unmark activity as complete
  • Remove an activity

Shameful things that needs some explaining

  • Attempted to make an optimistic UI. The basics are there but needs way more UI stuff to be added, so it's obvious to the users what's happening.
    • Bug due to this is if you add then delete immediately without the activity syncing to Firebase fixed!
  • Haven't taken a look at all if layout is responsive
  • No network handling whatsoever so some crashes might occur due to network hiccups.
  • Needs major refactoring. Like seriously..
    • Using index for the keys so when deleting an activity with another activity below, the next activity will be open fixed!
    • More abstraction for components will result in cleaner code.
    • UI / Layout

Total working hours: 60h (two and a half days)


Landing page View details Add activty Date time picker


ReactJS app to track your activities. Also uses Firebase as db


Language:JavaScript 92.4%Language:HTML 7.6%