Before I get into the more fun stuff like allowing a user to clone an expense card, I decided I should probably work on an archiving functionality so that I can just send expense cards back and forth into an archive as I need them for testing. I also added a slide-out menu that reveals itself when the navigation icon is clicked on the left-hand side of the app. The navigation menu is done ENTIRELY with CSS with some code in the components to add and remove the CSS classes on click. Check it out below:
Below, you'll see when the navigation slides out, it reveals a few options. The logout option doesn't work yet since I have not implemented user management.
On the archive page, the user will get a list of archived expense cards in a table. I have not decided if I want to implement tablesorting, although it would definitely be a nice-to-have. The "View Expenses" and "Unarchive" button functionalities will be the next couple of things I'll be working on, so look out for those in the future!
So far, so good. It's actually been pretty fun working with React and the various libraries like Redux and ImmutableJS. Definitely have learned quite a lot since a few months ago.