A comprehensive vinyl record marketplace application built with React, supported by an Express/Knex/PostGreSQL backend and deployed with Vercel.
Welcome to Stacks! This application allows users to browse, listen to, add to, and keep a digital collection of vinyl records. It provides a user-friendly interface and a robust back-end to ensure a seamless experience. Users must be authenticated by either creating an Okta account or through their Google email account to use the application.
Click here to check it out for yourself.
- User authentication and profile management.
- Add records to personal stack, which persists beyond user's session.
- Filter records by genre, or search for a specific record or artist.
- Responsive design for various devices.
- Cypress tests for critical user flows.
-
Clone the repository: git clone [email protected]:Stacks-Records/stacks-fe.git
-
Then type this into your terminal: cd stacks && npm i
-
Allow the dependencies to install, then: npm start. Side note: confirm all dependencies are installed. Not MODULE_NOT_FOUND errors, or inspect the package.json file to confirm you've got everything installed.
- Peruse the records available, including a feature that enables users to listen to them from the single record page once a record is clicked.
- Users may create My Stack, their own collection of records, either from the Landing Page or Single Record Page. Toss one out if you don't like it anymore.
- Users may post their own albums, provided they do their homework for all the input fields, and add it to My Stack. Data uniformity is paramount to application integrity at this time.
- Built the application from scratch, front end and back end.
- Deepened of Auth0, and seeding user interactions with the application in the back end based on authentication.
- Experienced first PATCH route that updates the My Stack column for each user in the back end.
- Implementing Cypress testing for POST functionality
- Adding YouTube functionality for various video types
- Implementing Auth0, deepening experience with PostgreSQL, Knex, and Express.