hermitebai/receiptgenius

RiskGenius Interview Project

ReceiptGenius

RiskGenius Interview Project

Project Overview

A simple prototype that collects receipts for an expense report. The prototype includes a header and grid of receipts that responds to different screen sizes. FontAwesome is used for icons and Muli is used as the webfont.

Task Todo List

• 0 : Add task list to README
• 1 : Setup frontend project
• 2 : Setup backend project
• 3 : Setup Database
• 4 : Add header
• 5 : Add grid of receipts
• 6 : Add title and icon
• 7 : Header: Add button for add receipt
• 8 : Header: Total amount of receipt
• 9 : Grid: Receipt component
• 10 : Grid: Button to remove receipt
• 11 : Add Receipt: Dialog to upload receipt
• 12 : Backend: Add Receipt
• 13 : Backend: Remove Receipt
• 14 : Backend: Get all Receipt
• 15 : Integration: AJAX

Dependency

• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]
• [email protected]

Usage

Setup MongoDB Server

mongod --port <database port> #Default to be 5000

Setup Backend Server

• Modify host and port in server/api/app.js for database
• Modify port const port = <backend port>

node app.js

Frontend Config

• Modify host and port in app/config.js

npm start