https://github.com/cvilla714/tracker-expenses-app

The Project was about creating a Tracker App for expenses, it is a Full Stack Application, using Rails as API to handle Back End and on the Front End using React and RTK Query, It tracks expenses per day and add them per month and filter it by year the visualization was using Chartjs-2. It was built with
https://github.com/cvilla714/tracker-expenses-app

css3 es6 jess npm react react-bootstrap react-chartjs-2 react-dom react-paginate react-router rtk-query

Last synced: about 4 hours ago
JSON representation

The Project was about creating a Tracker App for expenses, it is a Full Stack Application, using Rails as API to handle Back End and on the Front End using React and RTK Query, It tracks expenses per day and add them per month and filter it by year the visualization was using Chartjs-2. It was built with

• Host: GitHub
• URL: https://github.com/cvilla714/tracker-expenses-app
• Owner: cvilla714
• Created: 2021-09-12T23:55:38.000Z (about 3 years ago)
• Default Branch: development
• Last Pushed: 2022-02-06T23:30:41.000Z (almost 3 years ago)
• Last Synced: 2023-03-04T20:43:48.410Z (over 1 year ago)
• Topics: css3, es6, jess, npm, react, react-bootstrap, react-chartjs-2, react-dom, react-paginate, react-router, rtk-query
• Language: JavaScript
• Homepage:
• Size: 1.15 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tracker-Expenses

> Project was about creating a Tracker-Expenses

> basically connecting to a REST API built in Rails

> and using React to display all of the Expenses

> ![screenshot](./app_screenshot.png)

## Built With

- NPM

- React

- React-DOM

- Redux [RTK Query]

- React-Chartjs-2

- React-Router

- React-Bootstrap

- React-Paginate

- Jest

- CSS

- ES6

## Live Demo

[Live Demo Link](https://upbeat-montalcini-94dc0b.netlify.app)

[Link to Bac-End Repository](https://github.com/cvilla714/rails-auth/tree/expenses-features)

## Getting Started

**To get a copy of the code please click on the green button on the top right corner that says Code**

### Prerequisites

- Node installed on your computer

- Npm as well

### Install

**Now to clone it to your local machine please open your terminal and paste this code `[email protected]:cvilla714/tracker-react-front.git`**

**Then you can go into the directory by typig `cd tracker-react-front`**

**Finally just type this command `npm install` this will install all of the depnedecies for the project also you might need to run an extra command to get the latest version of each dependecy please run `npm audit fix`**

### Usage

**Once you have gone through the process of installing the code you now run this command `npm run start` this will start the app and a new window will open in your browser with the app ready to be use**

### Tests

**_In order to run the test please type the following command from the terminal `npm run test`_**

## Authors

👤 **Cosmel Villalobos**

- Github: [@cvilla714](https://github.com/cvilla714)

- Twitter: [@kckeyti](https://twitter.com/kckeyti)

- LinkedIn: [Cosmel Villalobos](https://www.linkedin.com/in/cosvilla/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/cvilla714/tracker-react-front/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgment

- Microverse

- Gregoire Vella on Behance

## 📝 License

This project is [MIT](https://github.com/cvilla714/tracker-react-front/blob/master/LICENSE) licensed.