Expensify (React Version)

A website that helps you to save the info of expense in detail. This is coded in React, Demo

ScreenShots

Technology Track:

• Frontend: React, Redux, Webpack (3.11.0), Express, Moment, React-dates, Jest

• Backend: Firebase

• Deploy: Heroku

Pre - Development Procedure:

1. Open Teminal and git clone git@github.com:hptg1994/Expensify_React.git

2. Create a new app in Firebase,

3. Create two file in the root folder and seperately named .env.development , .env.test

4. Look up the Project Setting of the app just created in firebase and then click add Firebase to web app, copy the value of these following thing:

   • apiKey

   • authDomain

   • databaseURL

   • projectId

   • storageBucket

   • messagingSenderID

5. Paste them into .env.development in this format: FIREBASE_API_KEY = ($ Paste the apiKey here), same on the rest.

6. Same on .env.test

7. Go to Authentication on firebase, activate Google Login Option.

On Development Procedure

1. On Terminal, cd to expensify_react folder.
2. Type in npm install
3. Type in npm run dev-server
4. Enjoy : )

To Do

• Migrate it to Electron

• Create a Flutter Version

• Create a Angular Version

• Create a Vue Version

• Create a React Native Version

• Backend server write in Spring

• Backend server write in Rails

• Backend server write in Django