DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for React Expense Tracker
Alejandro Vivas
Alejandro Vivas

Posted on

React Expense Tracker

Hi all!

Last week was really fun. I've been coding some stuff and had more practice with React. (I work with Vue and Angular, mostly) and I have to say I really love React Hooks!

This time I want to share with you this little Expense Tracker App and I hope some people will find it useful to learn.

Some things you will find:

-React Hooks
-Context API
-Themming (Light and Dark mode)
-Change UI language using React n18next.
-Firebase CRUD
-Firebase Authentication using ReactFire.
-Data visualization with Charts JS.

Demo --> https://react-exp-tracker.netlify.app/
Repo --> https://github.com/AlexSegen/react-expense-tracker

Any feedback is very appreciated.

Top comments (3)

Collapse
 
shubhamdevpura profile image
shubhamdevpura

I have tried your code but its giving error can you have help me

Collapse
 
harriskeefe profile image
harriskeefe

Thanks for posting this. Probably the best expense tracker I've seen yet!

Collapse
 
rokaizen profile image
rokaizen

Hola, intente hacer funcionar el codigo pero no pude, cual es la forma correcta de hacerlo funcionar en local ?

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over;

React users; the old guard with their artisanal JS and hand authored HTML; and Tom MacWright, someone I've admired from afar since I first became aware of his work on Mapbox many years ago. But I guess that's the price of having opinions.