A full-stack application for discovering and bookmarking shows.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Navigate between Home, Movies, TV Series, and Bookmarked Shows pages
- Add/Remove bookmarks from all movies and TV series
- Search for relevant shows on all pages
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- SASS
- Vue
- Vue Router
- Quasar (Vue framework/component library)
- Axios (HTTP requests and data handling)
- Pinia (State management)
- VeeValidate with Yup (Form validation stack)
- Ruby on Rails
- PostgreSQL
- Devise with Devise-jwt (Authentication)
Password | |
---|---|
john.doe@example.com |
foobar |
Create a .env.local
file and add
VITE_BASE_URL=http://localhost:3000
then run the project
npm install
npm run dev
Create a database and seed data
bin/rails db:create db:migrate db:seed
then run the project
bin/rails s
This project was inspired by the Entertainment web app challenge on Frontend Mentor. Frontend Mentor challenges provide valuable opportunities to enhance coding skills by working on realistic projects.