React Expenses Demo App with TypeScript and Redux
Application functionality (task description)
Screens:
- List of expenses/incomes by category with possibility to add new items
- There must be some charts for visualizing the data(could be by category or if incomes cover expenses)
- 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.