All solutions

What are you most proud of, and what would you do differently next time?

The thing that I'm most proud of, is that I made the mobile opening menu with no JavaScript. This would look like something hard to do or directly not possible, but all that is possible with just some pseudo classes! This was possible with checkbox inputs.

What challenges did you encounter, and how did you overcome them?

There was not any major challenge here, most of the things were CSS stuff that weren't really complicated.

What specific areas of your project would you like help with?

I don't know what help can I get on this project, but someone might see an error that I can't see, and if that's the case, then I will be happy to see the feedback on the comments.

What are you most proud of, and what would you do differently next time?

I am proud of the DOM manipulation i made here, also the calculation and the logic behind everything here.

What challenges did you encounter, and how did you overcome them?

My main challenges here were making everything work well. It wasn't really hard, it just took its time.

What specific areas of your project would you like help with?

I dont feel like i need feedback here, for me the page is complete but if you find a mistake or anything that I could have done better, I am all ears!

What are you most proud of, and what would you do differently next time?

I am proud of the way that I manipulated the DOM to change the information regarding to which button is selected.

What challenges did you encounter, and how did you overcome them?

My main challenge was making the info of each section match the selection of the buttons. At first I tried to do it the same way I did with the buttons themselves, by hiding all the types of information (daily, weekly and monthly), and then only revealing the selected ones. This worked with the buttons so there is only one selected, but it didn't with the matching. At the end I just made it hide the elements whose index is not the same as the selected button. (I might not have explained well but you can see what I mean by looking at the code)

What specific areas of your project would you like help with?

I think that there might be another way of making only one button being focused, I mean, another way than the one I do. If you think that there was a better way of doing the scripts, feel free to tell me!

What are you most proud of, and what would you do differently next time?

I wouldn't do anything differently next time, I am good with all I did here.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any challenge. I just had to do a little research about APIs, but i understood easily.

What specific areas of your project would you like help with?

I don't think I need help with something here, i am good with all the code.

What are you most proud of, and what would you do differently next time?

I am proud of the animation I made for the menu on the mobile version. Even tho it is just a little animation it helped me to understand a bit more about CSS animations, so next time i can do even more things.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any challenge actually, I consider that this challenge made me remember some CSS topics that I have used before, so I perfected them.

What specific areas of your project would you like help with?

Probably with the animations, and how I made everything work by just toggling one single class to the HTML, i think that it kinda used a lot of code.

What are you most proud of, and what would you do differently next time?

This challenge was nothing hard actually, I could have done in one day if i only had enough time.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any major challenge, everything here was easy to do.

What specific areas of your project would you like help with?

I don't think I need help on any area of this specific project, I could understand everything well.

What are you most proud of, and what would you do differently next time?

Sadly due to school and other stuff I took a lot doing this challenge, if I could do it again with the time I used to have on vacations I probably would have done it in 2-3 days. There are some things about this project that makes me feel proud, like some array manipulation tricks I used, DOM manipulation, and also toggling sections by just adding one class.

What challenges did you encounter, and how did you overcome them?

There was many challenges here, some of them were making a new list item each time you click on a button. I mean, that is easy, but making the values of the price, amounts, etc gave me some bad time. This was because I firstly didn't used many functions, just one, but then I got the idea and realized that they were really powerful and made my code shorter.

What specific areas of your project would you like help with?

I would like to hear feedback about how I did it, about anything that I could have done better, some unnecessary code, etc

What are you most proud of, and what would you do differently next time?

I am proud of when I used regex on some validations since it is a way to shorten the code depending on the use, I sadly discovered this when i had advanced a lot so next time I will investigate more and use more regex.

What challenges did you encounter, and how did you overcome them?

My main challenges were trying yo use regex, it is my first time i see that so I investigated a little and tried to make my own code with it, shortening the code. this was not that hard but anyways, making the content of the card correspond to what the user puts into the input was easy, but then I had to make it to fill the rest with zeros. I was thinking on an idea until i figured out, I only had to make a function that added zeros while the length is minus than 4.

What specific areas of your project would you like help with?

regex. I want to learn more about it to use in the future.

What are you most proud of, and what would you do differently next time?

I wouldn't do anything different next time, I think that everything here is according to the design. But it is not 100% accurate since i don't have the Figma design, but if I had it, i would try to make it as accurate as possible.

What challenges did you encounter, and how did you overcome them?

I didn't encounter any major challenge, the only thing that I had to figure out was to make the number of notifications change depending of how many of them are unread. But this was not hard, I only had to use array.filter() and since i haven't used it before it took some minutes to understand it well and use it properly.

What specific areas of your project would you like help with?

For now I don't think that I need help with anything regarding to this project, since everything was easy and I consider that it was all right, but if anyone considers that something is wrong, I would like to hear what they think so I can improve and do it differently next time.

What are you most proud of, and what would you do differently next time?

I am proud of the responsive layout I made for the page and also for the animation I did for the menu on mobile.

What challenges did you encounter, and how did you overcome them?

My main challenges were making the page responsive, and adding an animation to the mobile menu to make it look better. I tried to make it responsive using grid properties, but that didn't worked so I just used some media queries. On the other hand, making the animation for the menu was kinda tricky, and I had to make like 5 animations so everything works well.

What specific areas of your project would you like help with?

I would like to see if there was other ways of doing it responsive without media queries, or just see if there is something i could have done better and I can learn for future projects.

What are you most proud of, and what would you do differently next time?

I am most proud of all the logic behind this form validation, if something is empty, in the future, etc.

What challenges did you encounter, and how did you overcome them?

My main challenges here were interacting with new Date();, since it was the first time i used it and didn't really know what could i do with it, so I just googled it up and managed to use it to my needs, but that wasn't actually that hard. However making the validations for each input was kinda complicated, but after trying some things, i could easily figure out the answer.

What specific areas of your project would you like help with?

I would like help on anything that anyone considers that I made wrong, or I could improve, mostly on JS.

What are you most proud of, and what would you do differently next time?

I am proud of the responsive layout I made with only 2 media queries

What challenges did you encounter, and how did you overcome them?

I didn't had any real challenge, since I have already done some similar challenges, this one was pretty easy.

What specific areas of your project would you like help with?

Anything that other people consider I did wrong.

What are you most proud of, and what would you do differently next time?

Adding the Mortgage formulas into the code, and how dynamic I made it.

What challenges did you encounter, and how did you overcome them?

My main challenges here were mostly the same as previous form challenges i have done, but this time it was a lot easier to do.

What specific areas of your project would you like help with?

Definitely with adding a comma every 3 digits on the Mortgage Amount input, like 12,345,678. I couldn't make this.

What are you most proud of, and what would you do differently next time?

I am proud of every thing i made here, specially the JavaScript part.

What challenges did you encounter, and how did you overcome them?

The main challenges were validating things like the inputs type radio or the error messages but that wasn't that hard actually.

What specific areas of your project would you like help with?

I guess with anything that anyone considers I can improve for next challenges or something that might be wrong in my code.

What are you most proud of, and what would you do differently next time?

I am proud of how i created this solution really fast, compared to the previous form challenge i made.

What challenges did you encounter, and how did you overcome them?

I think that the main challenge was making it validate that the email you give is correct, but it wasn't that hard actually.

What specific areas of your project would you like help with?

Maybe optimizing my JS

What are you most proud of, and what would you do differently next time?

it took like 30 mins to realize i could only change a type="" to make everything work well. Next time i will def take in account any class, type, id, etc. That could make my code work.

What challenges did you encounter, and how did you overcome them?

the main challenge here was making the button focus on the first not filled input. I technically did the code for that but i didn't knew that when you disable an element with JS, you cant neither interact with it from JavaScript(that means you cant click the button), so instead i just changed the type of button so it just don't do anything but i can still click on it.

What specific areas of your project would you like help with?

I am not sure here, since any help that i need on JS topics that i haven't seen before I just look it online and learn so I can think on a solution.

What are you most proud of, and what would you do differently next time?

the share button thing. Even tough I consider that I did good, I realized I could have done it in a better way, so next time I will think on this next time I do something similar.

What challenges did you encounter, and how did you overcome them?

My main challenge here was coding the share button in a responsive way. Even though the solution wasn't hard, it was still complicated and took its time.

What specific areas of your project would you like help with?

I think i would like to hear feedback about the share button part and how could i improve.

What are you most proud of, and what would you do differently next time?

It is the first time i use JavaScript in one of these projects, so I am proud of the JS i made

What challenges did you encounter, and how did you overcome them?

my main challenges here were making it so you can only have one button selected, and going on to the next page ONLY if i have already selected an option. I tried a lot of things until I found that the solution was more simple than i thought. Giving too much details would make this very long

What specific areas of your project would you like help with?

I think manipulating specific things of HTML/CSS with JS, but i would probably just look for help online in those topics

What are you most proud of, and what would you do differently next time?

I think i am proud of the bar i made, and how the bubble text was positioned.

What challenges did you encounter, and how did you overcome them?

Doing the bar, I first remembered there was an HTML element called "progressbar", so I tried it and wanted to give it a use. Then I realized I had no idea how to add styles to it, and that I would need a lot of selectors in CSS to make it work for all devices. Then I decided that it could be easier and smoother for everyone by just creating a div and another one inside it whose width equals the value, so I did that.

What specific areas of your project would you like help with?

I think i messed up when doing the size of the width of the sections, but yeah, if you think i can change something to improve, I will always be listening!

What are you most proud of, and what would you do differently next time?

Well this was a pretty easy challenge since i am already familiarized with CSS grids, and I didn't had much problem doing the rest.

What challenges did you encounter, and how did you overcome them?

I didn't had any major challenge.

What specific areas of your project would you like help with?

Anything you consider i could improve.

What are you most proud of, and what would you do differently next time?

I tried everything to make it responsive without media queries. I couldn't. But the result looks good anyways.

What challenges did you encounter, and how did you overcome them?

Positioning the elements so they don't look bad when the screen starts getting small, I just thought about how many columns should it have and how many of them would the elements cover.

What specific areas of your project would you like help with?

Is it possible to make this without media queries? (I don't think so, but if you somehow find a way, please tell me.)

What are you most proud of, and what would you do differently next time?

I am proud of how I easily made it responsive using flexbox and a media query.

What challenges did you encounter, and how did you overcome them?

again, using flex: ; but this time i had it more dominated, so solving the problem wasn't that hard.

What specific areas of your project would you like help with?

I would like to receive feedback about the project, what you consider I did wrong, what I can improve or change, etc.

What are you most proud of, and what would you do differently next time?

I am proud of the way I made the image look good in ''any'' proportions, and how I added a filter to it.

What challenges did you encounter, and how did you overcome them?

Making it collapse when the image and the main section overflows, I knew that flexbox lets you do this but I didn't really knew how to, so I had to look for information about flex: ; and how it worked, until i eventually tried it by myself and made it work.

What specific areas of your project would you like help with?

If you think I did anything wrong or got a suggestion to improve, feel free to tell me and I will totally take it in account for next projects.

What are you most proud of, and what would you do differently next time?

I am proud of the way I tried to make it responsive by using calc(); so it reaches the top when it has a mobile viewport, I did it this way because i tried to make it responsive without media queries, but i think i shouldn't always do it like this and sometimes use them.

What challenges did you encounter, and how did you overcome them?

The only challenge was making it responsive without a media query, i was trying anything i could think of until i had the idea to use a padding top reaching 0 or negative values after the width of the screen reaches a certain point.

What specific areas of your project would you like help with?

If anyone has a recommendation or anything to say, I will always be listening to the comments and applying them.