Solution for a challenge from frontendmentor.io.
This application/site was created as a submission to a Frontend Mentor challenge. The challenge was to build an application to complete the given user stories.
- 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
- Search for relevant shows on all pages
- Authentication (sign-up/login)
- Add/Remove bookmarks from all movies and TV series
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/HermanLD/FM-entertain-app
# Install dependencies
$ npm install
# Compiles and hot-reloads for development
$ npm run dev
# Compiles and minifies for production
$ npm run build
# Run your unit tests [Vitest](https://vitest.dev/)
$ npm run test:unit
# Run your E2E tests [Cypress](https://cypress.io/)
$ npm run build
$ npm run test:e2e
# Lint with [ESLint](https://eslint.org/)
$ npm run lint
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
- “Everything Developers Need To Know About Figma” article on Smashing Magazine
- "Introduction to Figma for Developers" video with Ryan Warner and Jason Lengstorf on Learn with Jason
- Replacement for require in Vuejs 3 with Vite for image array
- The Complete Node.js Developer Course
- Frontend Mentor
- Website Portfolio
- GitHub @HermanLD
- Twitter @DardonHerman
- Linkedin herman-dardon