Deploy (click here)
This is a solution to the Entertainment web app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic project.
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
- Bonus: Build this project as a full-stack application
- Bonus: If you're building a full-stack app, we provide authentication screen (sign-up/login) designs if you'd like to create an auth flow
In this challenge, I concentrated on mastering new technologies like Angular and incorporating unit tests into the frontend using Jasmine, among other tools. As this was my inaugural venture with Angular, I am exceptionally content with the results, and I believe I delivered a commendable performance.
I am deeply committed to learning new technologies and continuously enhancing my skills as a developer. This project significantly embodies that commitment.
This project was generated with Angular CLI version 16.2.2.
Run cd frontend/ and ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run cd frontend/ and ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run cd frontend/ and ng test to execute the unit tests via Karma.
Operational System
Front-end
Back-end
Tools
- SOLID
- Dependency Injection
- Repository Pattern
👤 AdrianoEscarabote
- Github: @AdrianoEscarabote
- Linkedin: @AdrianoEscarabote
- Frontend Mentor: @AdrianoEscarabote
- Twitter: @drianEscarabote
Copyright © 2023 AdrianoEscarabote.
This project is MIT licensed.
Give a ⭐️ if this project helped you!