Netflix Settling

Netflix Settling is an app create using React with Redux state management. It helps with settling balance with other users of your Netflix account. This app will give you a summary of all costs of your subscription and what was not returned. Live version can be viewed here.

Usage

Usage is simple:

1. Start new editor or upload a JSON file of previously saved data. If you have run this app before, previous state should be persisted in your local storage.
2. Set initial subscription cost and starting date.
3. Add other people using your Netflix account to the list.
4. Add any returns that they have made.

How to change values of properties?

Editable properties will be bold on hovered. Clicking on them will invoke an input with a mask of each property type.

Data Structure

These following properties are available in Redux store and used throughout the app:

1. isInitialized - tells if editor has been started.
2. language - tells which language is set (available are: Polish, English)
3. activeForm - there are to forms available: adding new person, adding new return. This property tells with forms is currently active.
4. notifications - stores currently visible notifications, eg. errors. Notificiations will be visible on the bottom of the page.
5. subscriptionInfo - stores information about starting date and subscription cost.
6. people - stores an array of other Netflix users.
7. returns - stores an array of all returns. Returns are assigned to people by their IDs.

Used dependencies

1. Inputs were created using IMask.
2. Formatted numbers were created using react-number-format.
3. IDs are created using UUID. It helps maintaining unique IDs for each object globally.