Website Link

https://vinyl-tracker.netlify.app/

Github

https://github.com/MichaelStarkman/vinyltracker

User Flow

Tech Stack

• Front-End: React
• Back-End: Firebase
• Framework: Semantic UI

Approach

Utilized a vinyl model in which users are able to create, edit, and delete listings of vinyl records they currently have in their collection.

MVP

• A working full-stack application, using React front end, Firebase back end, and Semantic UI framework
• Full CRUD (Create, Read, Update, Delete) capabilities with I
• At least three react components, defined in their own files, besides App.js.
• Be deployed online and accessible to the public
• A README.md file with explanations of the technologies used, the approach taken, unsolved problems, user stories, and notes to yourself so you can come back to your project later in the course and be able to pick up your train of thought, etc

Stretch Goals Attained

• React Router (Home Page, Listings, Contact Page)
• Animated components (hero, button hovers, key frames, loading spiiner, etc.)
• Add contact page
• Revamp homepage: hero section, featured, quote, grids section

Future Features

• User Authentication
• Fully responsive across devices (mobile, tablet, desktop)
• Add filter to model
• Implementation of user login