Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
28
Comments
28

Ansar

@ansarstellarAstana540 points

Computer Science student

Latest solutions

  • Multi-step form


    Ansar•540
    Submitted 9 months ago

    1 comment
  • Interactive comments section


    Ansar•540
    Submitted 9 months ago

    1 comment
  • Tip calculator app


    Ansar•540
    Submitted 9 months ago

    1 comment
  • REST Countries API with color theme switcher


    Ansar•540
    Submitted 9 months ago

    1 comment
  • Mortgage repayment calculator

    #animation

    Ansar•540
    Submitted 9 months ago

    0 comments
  • Product list with cart


    Ansar•540
    Submitted 9 months ago

    1 comment
View more solutions

Latest comments

  • faekhatami•540
    @faekhatami
    Submitted 10 months ago

    UNFINISHED

    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Good!

  • faekhatami•540
    @faekhatami
    Submitted 10 months ago

    UNFINISHED

    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Good!!!

  • Fidelisuzoma•380
    @UzomaFidelis
    Submitted over 1 year ago

    Mobile first solution: Sass

    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Good!

  • faekhatami•540
    @faekhatami
    Submitted 10 months ago

    UNFINISHED

    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Excellent!

  • Ferdinando Geografo•370
    @FerdinandoGeografo
    Submitted 12 months ago
    What 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.
    What challenges did you encounter, and how did you overcome them?

    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
    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Excellent!

    Marked as helpful
  • Peter Godspower•710
    @TheBeyonder616
    Submitted 9 months ago
    What 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

    Responsive Application built with JavaScript

    1
    Ansar•540
    @ansarstellar
    Posted 9 months ago

    Excellent!

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub