URL shortening API landing page (React 🚀 + SASS modules + Axios)

Community feedback

• Account deleted

  Hi; if you want to know a better way to organize your code, the most common way is just copy a folder structure already implemented by other programmers; the atomic design is very common, just get deep with the topic, is really useful.

  This project is amazing to use it as a reference to reach a pro level with react https://github.com/Th3Wall/Fakeflix

  Marked as helpful

  1
• 

  Bishwash Kumar Sah•80

  @BishwashKumarSahPosted about 2 years ago

  Hey! I just wanted to know how you guys manage to get the same design. When I try to do it then it is either bigger or doesn't match the design of this website. Any suggestion you could give to improve that?

  3

  ---

  

  Melvin Aguilar 🧑🏻‍💻•61,120

  @MelvinAguilarPosted about 2 years ago

  @BishwashKumarSah Hi!!

  Well, there are a few options:

  1. You can become a PRO member of the platform to have access to the Figma designs where you can find the most exact measurements.
  2. You can use an extension called PixelPerfect. In this extension you can put a semi-transparent image (e.g The desktop-design.jpg) on top of the page and see if the solution looks like the image. However, you have to put the page at 1440px otherwise it doesn't work
  3. Try and failure

  Setting the page to 1440px is because the desktop-design.jpg image comes in that resolution, and setting the page to 1440px means using the DevTools to simulate a 1440px screen.

  Although honestly, in large projects the pixelPerfect it is a headache. This is why it is recommended not to make it pixelPerfect, because you can never have it exactly as the design

  Happy coding! 😁 🎄

  7

  

  Emmanuel Julius•280

  @Julius-JavaPosted about 2 years ago

  @MelvinAguilar Chief is there any way I can connect with you, It would be really awesome honestly.

  0

  

  #Brain Stack#•20

  @BrainboyioaPosted almost 2 years ago

  @MelvinAguilar Honestly.. thanks for this piece....

  1

  

  Developer Matusala A.•170

  @matusalab-devPosted almost 2 years ago

  @BishwashKumarSah if you can't afford the pro membership I'll recommend you to watch this video. https://youtu.be/JdCW-dR08ms and codercoder's Frontend mentor challenge youtube video

  1

  Account deleted

  @MelvinAguilar parabéns pela posição que você e outros membros têm aqui na plataforma. Isso mostra que vocês trabalham duro para conseguir o que querem. Por favor, gostaria de saber como vocês conseguem concluir esses lindos projectos?

  0
• 

  Diyorbek•330

  @diyorbek-alikuzievPosted almost 2 years ago

  "frontend mentor" is left at the bottom, we don't need it

  0

  ---

  

  Melvin Aguilar 🧑🏻‍💻•61,120

  @MelvinAguilarPosted almost 2 years ago

  @diyorbek-alikuziev I don't understand the comment, greetings!

  0
• 

  Yevhenii Kozhevin•40

  @DexLuthorPosted almost 2 years ago

  I'm very skeptical about 3 folders rule 🤔

  From my experience when, for smaller projects we do have low nesting.

  emmet syntax following to depict

  src>components>compa+compb^services+guards+guards+...

  for medium+ projects we do modules federation in first place. then for every federated module we have src folder.

  src>modules>module-a>components+pages+...> and it can go endlessly deep.

  Only depends on how complex your pages are. this typically happens to bloody enterprise :D

  0