DEV Community

Danielle Heberling for The Collab Lab

Posted on

10 4 1

Collab Lab #66 Recap

Overview

The Collab Lab is a non-profit organization that runs a program where early career developers can apply to work together on a team to complete a project led by mentors who work in the field.

The Team

A screenshot of us in a sync

Participants

Aloe Nelson
Emilio Campos
Hannah Wohl-Machado
Stefanie Caffarel

Mentors

Danielle Heberling
Jeremiah Fallin
Nick Zanetti

The Project

We were tasked to build a "smart" shopping list over the course of 10 weeks. During this time there was lots of pair programming, async communication over slack, code review, demos, and retrospectives.

Features

  • Login and customized views based off of whom logged in
  • Create a new list
  • Add an item to the list and set the urgency level (soon, kind of soon, not so soon)
  • Delete an item from the list
  • Mark an item as purchased
  • Search a list for an item
  • Share a list with another user

Tech Stack

JavaScript
React
Flowbite
Tailwind
Firebase - Auth, Database, and Hosting
Vite

The Finished Project

Login Page

login page

Landing Page - select a list to view/edit

landing page

A Specific List Page

view a list

The source code for the app can be found on our GitHub repo.

You can view this app live at https://tcl-66-smart-shopping-list.web.app/.

Closing

We had a great 10 weeks learning from each other and are looking forward to continuing to build fun projects.

If you're looking to hire early career developers, I would highly encourage you to take a look at these folks' LinkedIn profiles.

Top comments (4)

Collapse
 
michaeltharrington profile image
Michael Tharrington β€’

Dang, this looks awesome! Y'all did such great work with this project... loving that UI. πŸ‘

If you were to add a Google Assistant integration that would make it so I could talk to a bot and items to the list, I might even be tempted to make this my main list maker! πŸ˜€

In any case, this is fantastic!

Collapse
 
jaguilar89 profile image
Jose Aguilar β€’

This was my favorite one, such a beautiful UI! Great job guys!

Collapse
 
erikgiovani profile image
Erik Giovani β€’

Nice project πŸ₯³

Collapse
 
yuridevat profile image
Julia πŸ‘©πŸ»β€πŸ’» GDE β€’

Amazing. You did a great job, everyone πŸ‘