bampakoa / angular-heroes Goto Github PK
View Code? Open in Web Editor NEWAn Angular application that interacts with the Marvel Comics API
Home Page: https://angular-superheroes.web.app
License: MIT License
An Angular application that interacts with the Marvel Comics API
Home Page: https://angular-superheroes.web.app
License: MIT License
Upgrade Angular, Angular CLI and Angular Material
The images contained in the current repository are in high resolution resulting in a very large size. Thus, the initial load time of the app to be very slow.
The images can be compressed to reduce their size without losing their quality.
assets
folder and those that are used in the README.md
file, have a huge size.background.png
image is 3.4 MB, while the compressed version of the same image is 859 KB. The size is reduced by 75% without losing quality!Deprecate the use of @angular/flex-layout
library and use native flexbox styling according to this blog post from the Angular team.
Upgrade the repository to the latest Angular 12 version.
Write unit tests
On search request failure/error, the app does not respond when the user searches a new term.
After a failed request, when a user changes the search term, the app should re-try a new request at Marvel Comics API.
dev
environment, try to replace the Marvel API key with an invalidWhen the user enters a search term that does not correspond to any character according to the Marvel API (e.g. "foobar"), the application does not provide any information to the user.
Τhis can lead to a bad user experience when the user has entered a search term with no results and then puts again another term with no results. The user does not know if the application reacted with the second search term.
The user should be informed when his/her search term does not match any result (e.g. notification message).
According to this video, importing all Angular Material modules using a single module such as app-material.module.ts
is considered an anti-pattern. It also affects the size of the final bundle of the application.
We need to import each Angular Material module separately into the feature module that is used.
Use http client to access answers for the quiz
Show each question separately in a wizard-like style
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.