DEV Community

Danielle Heberling for The Collab Lab

Posted on

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
 
erikgiovani profile image
Erik Giovani

Nice project πŸ₯³

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

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

Collapse
 
jaguilar89 profile image
Jose Aguilar

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