The API used in this project is Price Analytics.
Our deployed app on Firebase: https://bookkeeper-kth.web.app
What we decided to create was a live bookkeeping software website. The way users are able to store their bookkeeping records is by creating an account and logging in. This gives them the opportunity to edit their bookkeeping history, add and delete information including date, description, type and amount of income and expenses in real time.
Users can also search for price comparisons for the same type of item in different stores and observe information about the item, such as the item name, the store that owns the item, and the price of the item in different stores.
Users can use our price comparison analysis API to keep the information about the product they are interested in, such as the price and the name, in the interface, and then later, if the user buys the product, the product can be officially added to the P&L record.
Signup and login (using Firebase).
Home - shows income, expense and balance. User can fill in time, type, description, amount to record user's spendings (persistent). Deleting spending records by clicking on delete button on each row.
Search - obtain a list of products by user search query by fetching from API. User can add specific product to their wish list to be able to access them at ease.
Wish - add desired product from search page to user's wish list (persistent). User can delete wish list products in the same way as in Home.
- Clone this repository
- Navigate to \book_app
- Use "npm install" to get all required packages
- Use "npm run start" to start server
Note that you'll need
- your own Price Analytics API key for search functionality
- your own Firebase configuration for authentication and Firestore database
We use the React structure, which means we can use a public folder to store our index files, css file. We store the main files in the source folder. In the app we use the React component to render each presenter part. Our project uses the MVP structure and stores it in source, which also contains app.js, index.js and the rest of the general files.