Logo alt color-01 - Copy.png

ReCollect is an ongoing project that started as a capstone for LaunchCode's Liftoff program.

I worked as a member of a five-person team to create this full-stack cataloging application in the span of two weeks.

My roles included developing the project concept, branding, and graphic assets, coding front-end elements such as the navigation bar and footer, landing and about pages, and sign up and log in forms (which use both front- and back-end validation and authentication techniques). In addition, I translated the project's brand system into a custom Bootstrap 4 theme using SCSS.

I also took a lead in managing the team and project, following an Agile methodology and using tools such as Trello and Slack to facilitate communication.

LandingPage_screenshot - Copy.png

Landing page

Users are welcomed with a dynamic gallery of collages showcasing a variety of collectibles. Logo, navigation bar, and search fields added via hand-coded HTML with custom Bootstrap 4 theming.

About_Project_Hero-01.png

About Project

The app allows collectors to save, edit, organize, and share information about their collections.

TeamPage_screenshot.png

Team

I designed the Team page, which  includes bios of each team member and our mentor, as well as links to our GitHub  and LinkedIn profiles.

ReCollect_StyleTile_1.png

The Style Tile features the overall sophisticated and elegant tone of the site, and features custom assets such as the logo (also at right). Graphic elements are limited so as to maintain a focus on the user's collections

and items.

Style Tile

Icon logo color -01.png
Landing Page Not Logged In.png

Wireframes

Low-fidelity wireframes allowed the team to discuss the user's path through the app.

Hero_collage2_v1_shadows-outlines-01 - C

To view our code and learn more about

this project, visit its