Skip to content
Submitted 5 months ago

Entertainment web app built w/ Angular + Express(NodeJS)

angular, angular-material, express, typescript, sass/scss
P
Daniel 🛸•44,810
@danielmrz-dev
A solution to the Entertainment web app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

🛸 Hello FEM Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built (as a fullstack app) with:

  • Angular 🅰️
  • SASS 🎨
  • TypeScript 🔷
  • SwiperJS ➡️
  • Ngx Spinner 🔄️
  • BEM Notation 🅱️
  • API created with NodeJS (Express), TypeScript 🆕
  • Json Web Token (JWT) for authentication
  • Mobile first workflow approach 📲

That's definitely the project in which I had the opportunity to practice the most concepts at once. I honestly don't even know what to say except for the fact that I'm very happy I could finish this project.

It took me a few days to finish, but I enjoyed every minute of it.

Thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

PS: The backend was deployed on Render. They offer a free instance that spins down when inactive, which can delay requests by 50 seconds or more. So if you're accessing the project for the first time, logging in or creating an account may take up to a minute.

Feedback welcome 😊

Code

Please log in to post a comment

Log in

Community feedback

  • chems eddine bourabia•150
    @chemsodev

    i have a proposition, it's good practice if you disable the signup button when it's in the submitting state, I tried clicking it multiple time while it's creating the user and I noticed that the post request is happening multiple time too, so to avoid issues, you may disable it functionality after being clicked once until the server responds, here is an overview of the network tool showing what I'm talking about:

    Outfit-VariableFont_wght-UAD4FWA4.ttf	200	font	Other	55.1 kB	260 ms
create-user	204	preflight	Preflight
0 B	38.41 s
Outfit-VariableFont_wght-UAD4FWA4.ttf	200	font	Other	55.0 kB	625 ms
Imagecircle-xmark-solid.svg	200	svg+xml	main-3DY34C3S.js:2	509 B	663 ms
Imagecircle-check-solid.svg	200	svg+xml	main-3DY34C3S.js:2	450 B	645 ms
Imagelogo.svg	200	svg+xml	main-3DY34C3S.js:2	358 B	437 ms
Imagecircle-question-regular.svg	200	svg+xml	main-3DY34C3S.js:2	653 B	432 ms
favicon.ico	200	text/html	Other	9.4 kB	343 ms
create-user	409	xhr	polyfills-FFHMD2TL.js:1	370 B	253 ms
create-user	204	preflight	Preflight
0 B	410 ms
create-user	409	xhr	polyfills-FFHMD2TL.js:1	334 B	479 ms
create-user	204	preflight	Preflight
0 B	284 ms
create-user	409	xhr	polyfills-FFHMD2TL.js:1	335 B	242 ms
create-user	204	preflight	Preflight
0 B	221 ms
create-user	409	xhr	polyfills-FFHMD2TL.js:1	334 B	354 ms
  • chems eddine bourabia•150
    @chemsodev

    Perfection

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord