This project involved creating a website to showcase all of my birding and other wildlife photos. I wanted to create a site that people could search through all of my photos easily and see them at their best quality. I also wanted users to be able to save favorites and make edits to adjust the photos to their liking.
- HTML
- CSS
- Tailwind
- JavaScript
- React
- Firebase
There were 6 main requirements for this project. The first was I needed to create an array to hold all of the tasks that were entered onto the list. I created states within the TaskList component to hold and update this data. The second requirement was to create a button that would add each task to this array. The third was displaying the array data and making sure that it changed as the array was updated. In order to do this within React, I used the useEffect hook to watch for changes within the taskList array dependancy. The fourth requirement was to ensure that the same item could not be added twice to the list. The fifth was updating the total amount by keeping track of the price assigned to each task as it was added or removed. The last requirement was to have the 'Send Invoice' button reset the entire list. I changed this to store the invoice in history instead.
- Allow users to input any task or number
- Create a Dark Mode toggle button
- View past invoice history
- Store the data using Firebase
- Add more options to each invoice such as invoice numbers, personal and company information, and notes
- Style the invoices to better show the most important information