Skip to content

.

└── charlotteresnick.dev

└── a blog about my journey to software engineer

Last Day - Project Four, Admin Dash Done

Projects, React, General1 min read

And that's it, folks. I'm done. I'm tired. I'm really proud of my project. And I'm sad to see bootcamp go.

But before I get into bootcamp reflections, here's a look at my admin dashboard:

Users table:

Admin Dashboard Users Table

Classes table:

Admin Dashboard Classes Table

With React table, Chakra UI, and Material UI, I was able to build exactly what I wanted in the admin dashboard. Admin can edit user information, which is prepopulated when an admin clicks on the 'Edit' action on a user row:

Edit User Information Modal

Create new and edit preexsiting classes using the 'Add Class' button or 'Edit' action on the Admin Classes table:

Create Class Modal

(Class time edit dropdown I created using Material UI):

Edit Class Time Dropdown

Between reading and implementation, building out the admin dashboard took much longer than I had anticipated, which meant I was only able to read about how to integrate Stripe. Regardless, I'm planning to have that done this week and will write about how that goes.

I built the site using PostgreSQL, Express, React, and Nodejs. Having learned about Rails towards the end of the bootcamp (and really digging it), I used Objectionjs; an ORM which, unfortunately, doesn't have a built in query builder. As such, I used Knex to handle query building. Using Objection with Knex allowed me to set up my relations in a way similar to Rails, enabling me to write the way I wanted without having to context switch between Rails and JavaScript.

Overall, I'm impressed! I have a lot of ideas for what I'd like to add to the site during my free time (by free time I mean the time I have between interview prep and more interview prep).

Check back for more updates! And here's a link to my Project 4 repo.

© 2020 by charlotteresnick.dev. All rights reserved.
Source