Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

The Collab Lab profile imageDanielle Heberling
Danielle Heberling forThe 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 onour GitHub repo.

You can view this app live athttps://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)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
michaeltharrington profile image
Michael Tharrington
I'm a friendly, non-dev, cisgender guy from NC who enjoys playing music/making noise, hiking, eating veggies, and hanging out with my best friend/wife + our 3 kitties + 1 greyhound.
  • Email
  • Location
    North Carolina
  • Education
    BFA in Creative Writing
  • Pronouns
    he/him
  • Work
    Senior Community Manager at DEV
  • Joined

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!

CollapseExpand
 
jaguilar89 profile image
Jose Aguilar
Software Engineer based in Brooklyn, NY
  • Location
    New York, NY
  • Education
    Flatiron School
  • Joined

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

CollapseExpand
 
erikgiovani profile image
Erik Giovani
Error 404
  • Location
    México
  • Joined

Nice project 🥳

CollapseExpand
 
yuridevat profile image
Julia 👩🏻‍💻 GDE
👋 Selftaught Accessibility & Frontend Developer💻 Dev & UX Accessibility Specialist @Atos | CPACC🙆 Improving the world with accessible web content✍️ Content creator, Tips on How To Get Into Tech
  • Location
    Vienna, Austria
  • Education
    selftaught
  • Work
    Frontend & Accessibility Developer
  • Joined

Amazing. You did a great job, everyone 👏

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Collaborative, remote project practice for early-career devs

Collab Lab relies on free/freemium tools including GitHub, Firebase, and Slack as much as possible, but do have some set costs such as Zoom licenses. Consider sponsoring us!

More fromThe Collab Lab

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp