https://github.com/adrianoescarabote/entertainment-web-app
My first project with angular, involves developing a full-stack entertainment web application. I used Figma files to style the project.
https://github.com/adrianoescarabote/entertainment-web-app
angular backend entertainment express frontend frontend-mentor jasmine jsonwebtoken mongodb ngrx node tailwind
Last synced: about 1 month ago
JSON representation
My first project with angular, involves developing a full-stack entertainment web application. I used Figma files to style the project.
- Host: GitHub
- URL: https://github.com/adrianoescarabote/entertainment-web-app
- Owner: AdrianoEscarabote
- License: mit
- Created: 2023-09-13T01:43:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T19:15:24.000Z (4 months ago)
- Last Synced: 2025-02-11T09:17:33.641Z (3 months ago)
- Topics: angular, backend, entertainment, express, frontend, frontend-mentor, jasmine, jsonwebtoken, mongodb, ngrx, node, tailwind
- Language: TypeScript
- Homepage: https://entertainment-web-app-adrianoescarabotes-projects.vercel.app/
- Size: 2.46 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
## Deploy ([click here](https://entertainment-web-app-sigma.vercel.app/))
# Entertainment web app solution
This is a solution to the [Entertainment web app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/entertainment-web-app-J-UhgAW1X). Frontend Mentor challenges help you improve your coding skills by building realistic project.
## Table of contents
- [The challenge](#the-challenge)
- [Continued development](#continued-development)
- [Technologies Used](#technologies-used)
- [Author](#author)
- [License](#license)
## The challenge
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
## Continued development
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.
## MyAngularApp
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.2.
### Development server
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.
### Build
Run `cd frontend/` and `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
### Running unit tests
Run `cd frontend/` and `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Technologies Used
**Operational System**
**Front-end**
**Back-end**
**Tools**
## Architecture
## Concepts used in the backend
- SOLID
- Dependency Injection
- Repository Pattern
## Author
👤 **AdrianoEscarabote**
- Github: [@AdrianoEscarabote](https://github.com/AdrianoEscarabote)
- Linkedin: [@AdrianoEscarabote](https://www.linkedin.com/in/AdrianoEscarabote/)
- Frontend Mentor: [@AdrianoEscarabote](https://www.frontendmentor.io/profile/AdrianoEscarabote)
- Twitter: [@drianEscarabote](https://twitter.com/drianEscarabote)
## 📝 License
Copyright © 2023 [AdrianoEscarabote](https://github.com/AdrianoEscarabote).
This project is [MIT](https://github.com/AdrianoEscarabote/Entertainment-web-app/blob/main/LICENSE) licensed.
---
## Show your support
Give a ⭐️ if this project helped you!