Starling Blog

This week, we worked on the functions of the todo list page and the Expenses Page, to update the items and deleting the items on the list by calling the backend functions using POST, DELETE functions, and connected with the Firebase database system. In the Expenses Page, we also added a filtering function that filters the list of Expenses/Income by date (today, most recent, one week) and type (expenses, income). We will have to add filtering function to the todo list too, where we filter by progress (i.e in progress, completed, or not started).   For next week, we are going to be working on the Reports page to show what the user's progress is by seeing how many tasks are overdue, or how much the expenses are compared to income by using the data to make graphs. We will also brush up the UIs for our functions in the Notes and Expenses page to make it look better and easier for users to navigate. The Dashboard will also show the data from todo list and expenses, which we will wor...

 For this week, we have the first sprint on Thursday. We have to have some parts done before it. Therefore, our main goal is to have the web app running correctly with some main features.  Our first main feature is the notes part. It is To-Do List. We have a calendar that users can pick the date to put to-do items with the add button; they can write down the title and description of the to-do item. After they added, the to-do item will show on the list next to the calendar.  Our second main feature is the expenses part. It helps keep track of expenses. It has an info box with the amount of spending, earning expenses, and total. Users have an add button to put the expense items into the list.   Our plan for next week is to have google authentication for sign-in, more options to deal with the notes part, more options to deal with the expenses part, and display info on the dashboard.    

 Our group has done all the individual projects so we can focus mainly on our team project.  During this week, Duc has finished his backend: sign in and sign up page. So, we have connected the user with the web. From this, we can easily connect with the database in each feature.  From this, our group can start to work deeper into the features of the web. We will have 4 main features in the app: dashboard, todolist, expense, and graph. We have assigned each member different tasks and features. Our main goal is to finish the layout and some data transfer for the next sprint.  Below are some of our researches for libraries in our features:  react-datepicker - npm (npmjs.com) Article: How to use react-datepicker to build better internal apps (retool.com) react-quill - npm (npmjs.com) (For note taking): React/ReactJS: Rich Text Editor (w/ React-Quill) (scriptverse.academy)

     For this week, our group needs to finish our individual projects. However, we still make some progress in our team project.     We have redesigned the dashboard layout to fit with our revised idea of our team project. Then, we made the dashboard outline in VSC. Later, we just need to apply the data to it and work on CSS. Below is our plan for the dashboard. We will have all the features except the weather.       We are working on sign-in, sign-up, and profile pages. It takes a lot of time because it has to deal with authentication and database. We decided that we will have normal sign-in, sign-up, and google authentication because everyone uses Google products.      Our group also worked on some researches about our next pages: calendar and graph. They are quite complex and difficult. It also needs a lot of libraries to work on.        

 For this week, we continue to work on the personal project because it will be due next week.  We have finished working on Header, Footer, Menu, Landing Page, Route.  In this landing page, it will have some introductions and link to lead to sign in or sign up parts. They can sign up if the user is new or sign in if the user comes back. Our header and footer, menu, the route are simple. We will work on the styling part more at the end of the project to keep all the all styling consistency.  This week, we continue to work on other parts of the web app. We will work on sign-in, sign-up, and dashboard pages.  Sign-in and sign-up involve in working with firebase and authentication. Dashboard involves many decoration and components.