All Projects → gabrielwr → React Retirement Calculator

gabrielwr / React Retirement Calculator

Licence: mit
A dynamically updating retirement calculator.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Retirement Calculator

Manager
The Linode Cloud Manager
Stars: ✭ 543 (+1772.41%)
Mutual labels:  react-redux
React Cnode
基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区
Stars: ✭ 688 (+2272.41%)
Mutual labels:  react-redux
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-58.62%)
Mutual labels:  react-redux
Redux Connect
Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
Stars: ✭ 551 (+1800%)
Mutual labels:  react-redux
Egg React Webpack Boilerplate
Egg React Server Side Render(SSR) / Client Sider Render(CSR)
Stars: ✭ 634 (+2086.21%)
Mutual labels:  react-redux
Miteb Frontend
Online portal to book events and rooms for clubs of MIT, Manipal ✨
Stars: ✭ 18 (-37.93%)
Mutual labels:  react-redux
Antd Umi Sys
企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
Stars: ✭ 503 (+1634.48%)
Mutual labels:  react-redux
Reactspa
combination of react teconology stack
Stars: ✭ 911 (+3041.38%)
Mutual labels:  react-redux
Soundcloud Redux
SoundCloud API client with React • Redux • Redux-Saga
Stars: ✭ 681 (+2248.28%)
Mutual labels:  react-redux
React Native App Boilerplate
A simple and scalable boiler plate code for React Native App using React Native Navigation by WiX and Saga .
Stars: ✭ 9 (-68.97%)
Mutual labels:  react-redux
Surmon.me.native
📱 My blog app, powered by react-native
Stars: ✭ 579 (+1896.55%)
Mutual labels:  react-redux
Graphqldesigner.com
A developer web-app tool to rapidly prototype a full stack implementation of GraphQL with React.
Stars: ✭ 587 (+1924.14%)
Mutual labels:  react-redux
React email editor
This project is experimental! It's my attempt to create visual email template editor using React+Redux+etc... tools stack.
Stars: ✭ 19 (-34.48%)
Mutual labels:  react-redux
Xiaoduyu.com
🐟小度鱼 - 年轻人的交流社区 https://www.xiaoduyu.com
Stars: ✭ 549 (+1793.1%)
Mutual labels:  react-redux
Fascia
Stars: ✭ 12 (-58.62%)
Mutual labels:  react-redux
Redux Firestore
Redux bindings for Firestore
Stars: ✭ 530 (+1727.59%)
Mutual labels:  react-redux
React Redux Boilerplate
A minimal React-Redux boilerplate with all the best practices
Stars: ✭ 799 (+2655.17%)
Mutual labels:  react-redux
Iguazu Rest
✨ Iguazu REST is a plugin for the Iguazu ecosystem that allows for pre-built async calls for REST with smart caching.
Stars: ✭ 21 (-27.59%)
Mutual labels:  react-redux
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+2951.72%)
Mutual labels:  react-redux
Todo React Redux
Todo app with Create-React-App • React-Redux • Firebase • OAuth
Stars: ✭ 942 (+3148.28%)
Mutual labels:  react-redux

GitHub issues GitHub closed pull requests

React Retirement Calculator

Deployed link here: https://dynamic-retirement.herokuapp.com/ (give Heroku a bit to wake up!)

React Retirement Calculator is a front end application using recharts.js to provide a dynamically updating graph and user experience.

Demo

Video Walkthrough

Table of Contents

Background

React Retirement Calculator is a fun side project that I worked on while working at Fullstack Academy as a teaching fellow and software engineer.

I originally conceived of the idea for this calculator after a chapter of learning about personal finance. During that time, I had a favorite retirement calculator that just disappeared from the internet one day. So I figured I would try to recreate it and even improve upon it (since it was probably made in the early 2000's...)

This project is an updated version of a calculator I originally made in vanilla JS, HTML, and CSS.

The basic premise of this calculator is to show the power of compounding interest over time. This calculator has been a great asset for me when I need a little help with remembering to save money ;).

Install

To install and locally run RRC clone or download the project to your machine and run the following commands:

Install all project dependencies:

$ npm install

To start the server and app:

$ npm start

License

MIT (c) Gabriel Rowe

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].