janelznic / react-expenses-demo-app

React expenses demo app

React Expenses Demo App with TypeScript and Redux

Application functionality (task description)

Screens:

1. List of expenses/incomes by category with possibility to add new items
2. There must be some charts for visualizing the data(could be by category or if incomes cover expenses)
3. Bonus, user login. Users can create shared budgets(list of expenses/incomes)

Should be done in React. For state management you can choose Hooks or Redux.

---

Contains

• Material-UI
• D3.js
• Typescript
• React
• Redux
• Redux-Thunk
• Redux-Persist
• React Router
• Redux DevTools Extension

Improvement opportunities

• Form validations
• Standard React DOM components class ComponentName extends React.Component {
• Unit tests

Screenshots

How to use

Download or clone this repo

git clone https://github.com/janelznic/react-expenses-demo-app
cd react-expenses-demo-app

Install and run:

npm install
npm start

Format code with Prettier

npm run format

This example demonstrate how you can use Create React App with TypeScript.

Maintainer

• Jan Elznic