Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • foxynoxy 470

    @purplehippo911

    Submitted

    What could I’ve done different or better?

    How can I use Vuex or Pinia to save both the personal information, the chosen plans and the sums? A tutorial or an explanation would be helpful.

    How do I use VeeValidate or any other option for the form validation?

    @Lukiticas

    Posted

    Hi foxynoty, you project looks phenomenal! i would just recommend checking your image tag and making sure it occupies all its container height then using object-fit: cover to make the image cover it.

    About your question, i made the same project using the tools you described, pinia and vuelidate (but its quite the same as veevalidate). Some tutorials that really helped me was the following:

    Marked as helpful

    0
  • @Lukiticas

    Submitted

    I missed so much you guys <3 but i'm back, trying to get on the rails again.

    Soooo this project was quite a journey i'd say, i'd learned a lot about custom libraries. Managing state with react still is an issue for me so i would appreciate any advice or recommendations about it!

    I'm planning to implement a couple more things, right now i'm using GNews API to get news about the country but they have a request quota and the hosted images are often undefined, do you guys know about an api for this kind of thing?

    Anyway, hope you liked it, sorry for the bad English and much love <3

    countries with map, pagination and news!!!

    #react#react-router#styled-components#fetch

    2

    @Lukiticas

    Posted

    Hey, how can i ignore these HTML errors? it came from the framework itself and the libraries i used, i don't know if there is a workaround...

    0
  • AntoineC 1,180

    @AntoineC-dev

    Submitted

    Hello everyone.

    I had a really good time w/ this project but the complexity was the JavaScript rather than the design itself.

    I also added the possibility to use only the keyboard.

    • Arrow (left & right) to switch the theme
    • Numbers from 1 to 9, Operations & "." Dot)
    • Backspace to undo the last action
    • "=" Equal Sign to get the result
    • Delete to clear the calculator

    I also chose to use SSR for the theming because i was annoyed by the flashing screen on previous projects on load before having access to the theme settings in local storage.

    You can find the logic in the README of the solution.

    Feel free to share your thoughts on my code/design and thank you for your time.

    Have a good day/night. Peace.

    Calculator App | SvelteKit - Tailwind - TS | w/ Keyboard Navigation

    #accessibility#svelte#tailwind-css#typescript#fetch

    1

    @Lukiticas

    Posted

    Wow! I'm here just to admire your project, this is incredible. Did svelt make things easier for you? I'm trying to learn react but i'm not that sure if i choosed the right framework.

    Again, this is one of the best from the entire site. Bravo!

    1
  • @AshtonHarvey

    Submitted

    Hello any feedback is welcome but I did run into a weird issue with this project. In order for me to center the component on the page using flex align and justify I had to set the html and body to 100% height. Do the html and body sections not automatically have 100% height?

    @Lukiticas

    Posted

    Hi!!! Well, it does, if i'm not wrong body and html tag aways follow the screen's viewport. You could make a parent tag that would wrap the card, and set its width and height to 100%, or 100vw and 100vh, then making it "display: grid" and "place-item: center" will center everything inside.

    1