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 solutions

  • Submitted

    Space tourism website using Angular

    #angular#animation#sass/scss
    • HTML
    • CSS
    • JS

    0


    This is the second challenge where I've implemented Angular, and unlike the last challenge, this one was big.

    This challenge helped me to get a handle on a lot of staff in Angular. Unlike other frameworks, it has a steep learning curve, but I have so far enjoyed using it. The best way to learn new technology is indeed jumping into building staff with it.

    The biggest challenge that I came across when completing this challenge was getting everything to be as close to the design as possible. The overall styling was also a lot of work, and I hope to pick up a different styling approach, such as Tailwind, seeing as it's very popular. Using Angular I added router animations, which is something I found very interesting to do. The background image implementation seemed to be a tricky one seeing as it's a different one for each page, but using Angular to keep track of the route and apply a class to the body seemed to be the best approach rather than adding the images manually on every page.

    There are a lot of improvements that can be done, like the images seem to be very slow, so when switching routes/tab there tend to be a delay before they change. There's also some other things I wanted to implement but couldn't because of my limited knowledge with Angular.

    Nevertheless, this was a fun one and it came out better than I had anticipated. Feel free to check it out and leave your thoughts.

  • Submitted

    Rest countries api site | React and Styled Components

    #react#styled-components
    • HTML
    • CSS
    • JS
    • API

    0


    This challenge was exciting to do, it had a lot of things to be done and threw some curve balls.

    I feel like this is my best solution so far, I like how I structured my React code and this was my first time using any thing other than css/scss. Using Styled components for this project was definitely a breath of fresh air and I couldn't be happier.

    Somethings were a little hard to implement, like getting the full border names since the api only returns country codes, but after a little bit of tinkering I managed to get it done, and I also added a loading animation on first load. I will have to say the hardest thing for this challenge was definitely achieving responsiveness and making it not look weird at the same time.

    Thanks for checking out my solution, and if you have any feedback please feel free.

  • Submitted

    Bookmark landing page | React, SCSS

    #react#sass/scss
    • HTML
    • CSS
    • JS

    0


    This was a fun challenge and was a bit tricky to put together.

    I went with the mobile first approach for obvious reasons. The mobile menu took a bit of work to put together but turned out ok. The features section was a bit of a challenge, started by using border for the underline on the topics, but that didn't work out well, then moved on to text-decoration: underline which also didn't work, ended up using box-shadow, which worked perfectly.

    There's a lot of things I did not implement, such as the transparent background on the mobile menu, the change of the color of the arrows on the accordion and some other minor details.

    I enjoyed doing this challenge, and I feel like the way I write and organize my code is getting polished.

    Any feedback or suggestion will be highly appreciated.

  • Submitted

    Insure landing page using angular / scss

    #angular#sass/scss
    • HTML
    • CSS
    • JS

    0


    I wanted to try another javascript framework apart from react, which is what I am kind of used to, and I landed on angular.

    For this project, using angular might have been an overkill seeing as how big it is compared to something like react, it is surely meant for bigger applications.

    This project didn't necessarily make me utilize the angular framework, seeing as it is mostly html/css, which are in every js framework, but i like how it is opinionated towards a lot of things, such as the file structure, because with something like react you kind of have to come up with your own file structure.

    I enjoyed working with angular but I don't think I will be using it for small projects, and lastly I would like to hear your feedback about this project, and particularly your opinion about angular.