Expense Tracker ReadMe 💷 🤓

React Firebase Website enabling the authenticated tracking of expenses and income in one place.

📡 Summary 📡

• Status: COMPLETE 🏆

🔨 Languages/Tools 🔨

React.js | Sass | CSS3 | HTML5 | Firebase

🔬 Notable Features 🔬

1. CRUD - Create|Read|Update|Delete operations of both negative and positive values to an external Firebase database. 📚
2. Backend - Hosted on Firebase 🔥.
3. Authentication - Private routing 🎫 that requires Authentication 👮 to access user-specific expense tracking lists.
4. Authorisation - User-specific collections of documents 🔖 utilising their own metadata to load the logged in user 👨 with their specific records.
5. Responsive Styles - Use of modern CSS practices using Sass preprocessor 💅 to make a nicely styled user interface.
6. Calculation - adding up the total ➕ based on the entries of each item.

📈 How to Use 📈

Watch a demo 🎥

Visit my portfolio website and select the 'Expense Tracker App' project button 🔲 for a visual 30 second demonstration.

Try for yourself 🙌

1. Visit the chatroom website
2. Log in via your google account
3. Add either an income source 💸 or expense (prepend with a '-💰') with the name of the entry!
4. See your total left over!
5. Log out