Ansar
@ansarstellarAll comments
- @faekhatamiSubmitted 7 months ago
- @faekhatamiSubmitted 7 months ago
- @UzomaFidelisSubmitted about 1 year ago
- @faekhatamiSubmitted 7 months ago
- @FerdinandoGeografoSubmitted 9 months agoWhat are you most proud of, and what would you do differently next time?
In this frontend mentor challenge I had the opportunity to continue my study on the new features introduced by the Angular framework, in particular I also studied the use of Angular Animations to have a smooth transition in the result component.
Thanks to animations based on the app state I was able to add animations based on:
- the presence of the result, in case of form submission;
- absence of the result, in case of initial state or possible subsequent reset.
A tricky use case was the logic for the amount input to format it as a currency, with decimal digits and separators based on locales. For this purpose I've used a valueChanges observable provided by form controls: the input is treated as text but formatted each time the valueChanges observable emits. The formatting phase includes the usage of Decimal Pipe provided by Angular to format the string with decimals and separators.
What specific areas of your project would you like help with?I would love to get some feedbacks from you. Your insights would be incredibly valuable in helping me improve. Here are a few specific areas where I'd appreciate your thoughts:
- Folder Structure Management:
How effective is the current folder structure? Are there any changes you would suggest to improve organization and maintainability?
- State Design and Action Management:
What do you think about the design of the state and the way actions are managed? Are there any best practices or improvements you would recommend?
- SCSS Organization:
How is the SCSS part of the application organized? Do you have any suggestions for better structuring or optimizing the SCSS?
- Possible Improvements or Suggestions:
Do you have any general feedback or suggestions for improving the solutions I've implemented? Are there any areas where you see potential for enhancement?
Thank you so much for taking the time to review my work. Your feedback is greatly appreciated ❤️.
Happy code to everyone!! 😁
Smooth Mortgage Calculator using Angular 18, Animations and SASS (BEM)
#angular#animation#sass/scss#typescript#bem - @TheBeyonder616Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I mange to use object & functional programming
What challenges did you encounter, and how did you overcome them?I had to come up with a logic on how to store each of the datat
What specific areas of your project would you like help with?Any advice would do
- @faekhatamiSubmitted 7 months ago
- @faekhatamiSubmitted 7 months ago
- @dimitrisdrSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
The most difficult task is writing is optimizing my css. I am not sure if I achieved this goal to 100%
What challenges did you encounter, and how did you overcome them?It was difficult for me to find the correct analogy between font size and screen size.
What specific areas of your project would you like help with?Every comment will be helfull to improve my code!
- @sudhanshusingh-gSubmitted 6 months ago
- @Anmol610989Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
As a beginner it took me a lot of time to complete this challenge but i learned a lot about CSS grid.
What challenges did you encounter, and how did you overcome them?Real challenge for me was to make the page responsive using grid because I do not have much practice in grids.
What specific areas of your project would you like help with?Responsiveness is my week part of css practice. I think i need help and more practice in makin pages responsive.
- @royal334Submitted 9 months ago
- P@AdamullaOsasSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Overall went pretty good
What specific areas of your project would you like help with?If you are willing to help, I would like to get some tips about changing color of a svg image, Ive tried some methods but none of them worked. Mainly Im talking about my lightbox model (arrows and close button)
- P@CHBNDJSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
- P@sikulamartinSubmitted 7 months ago
- @TerezLSubmitted about 1 year ago
- @ZorbiksSubmitted 7 months ago
- @rainofSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I'm proud of learning new things every day. This lesson was more complex than previous ones, especially in understanding the logic behind input handling and user interaction.
What challenges did you encounter, and how did you overcome them?The main challenge was not knowing how to approach certain tasks, so I consulted ChatGPT and used trial and error to grasp its suggestions throughout the process.