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
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
Landing Page - select a list to view/edit
A Specific List Page
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)
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!
Nice project 🥳
Amazing. You did a great job, everyone 👏
This was my favorite one, such a beautiful UI! Great job guys!