Skip to content
OverviewSolutions
6
Comments
15
chems eddine bourabia
@chemsodev

All comments

  • P
    Daniel 🛸•44,790
    @danielmrz-dev
    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 😊

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

    #angular#angular-material#express#typescript#sass/scss
    2
    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
  • P
    Daniel 🛸•44,790
    @danielmrz-dev
    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 😊

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

    #angular#angular-material#express#typescript#sass/scss
    2
    chems eddine bourabia•150
    @chemsodev

    Perfection

  • chems eddine bourabia•150
    @chemsodev

    And do w-full for the input also to maintain 100% of the form width,and I like the fact that u started using tailwind css it's so helpful

    Marked as helpful
  • chems eddine bourabia•150
    @chemsodev

    Oh Steph maybe U the input should be a little bit wider u know to be able to show the whole email when it's inserted

    Marked as helpful
  • chems eddine bourabia•150
    @chemsodev

    Perfection,no comment!

  • chems eddine bourabia•150
    @chemsodev

    Just try to adjust the card width a little bit to get the same result for the text in the footer(text in one line)

    Marked as helpful
  • chems eddine bourabia•150
    @chemsodev

    Woah good job

  • chems eddine bourabia•150
    @chemsodev

    perfectoo as always just try to slightly fix that by increasing the button width and decreasing the input width itself. gg steph.

  • chems eddine bourabia•150
    @chemsodev

    cool ,can I ask you a question? with such a high level why do you keep solving newbie challenges? are you learning new things solving them? and one more question how to make a cooool loking github profile like yours?

  • chems eddine bourabia•150
    @chemsodev

    i like it ,steph can u please tell me how to make a readme file as yours cuz i think it's cool and i'dont know how to make it ,any tutorial?

  • chems eddine bourabia•150
    @chemsodev

    nice wooorrrkk, I will give it a try and try to make it as good as yours.

  • chems eddine bourabia•150
    @chemsodev

    I have a quick question do u set height:100vh;and width:1440px;? cuz when i do it it's does not fit quite good what do U think?

  • chems eddine bourabia•150
    @chemsodev

    perfection❤

  • chems eddine bourabia•150
    @chemsodev

    nice workk siirr i thinks it's better than the original haha i will try to do it in html/css and we will see which one is better😁.

  • chems eddine bourabia•150
    @chemsodev

    wow it's so good I hope that I will be able to do such a work one day. I'm currently trying in this challenge I found it a little bit complicated, I will post it as soon as possible, I will really appreciate it if you take a look at it when I do thanks and good luck.