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
I see that you are having issues with your image I would advice that you get it check Maybe it is a problem with the source path that is producing the error
Very proud to say that I can now create this kind of homepage without too much trouble.
What challenges did you encounter, and how did you overcome them?I struggled with the grids, until I understood that each parent container had to be in display:content to transmit the grid to its children, otherwise it does some pretty strange things, but I looked hard for a while. hours to understand where these shifts came from.
What specific areas of your project would you like help with?All advice is welcome, particularly on accessibility and focuses, I did based on my current knowledge. Thank you very much to those who take the time to read my code and leave a comment, it's always very encouraging and it's what allows me to progress.
The home page looks really amazing but there is a little mistake in the js
when you move the mobile and trigger the menu icon to popout the nav bar then you switch back to desktop the properties doesn't disappear i think so should check I has an issue like that and this is how i resolved it.
@media (min-width: 750px){ .menu-icon{ display: none !important; } .close-icon{ display: none !important; } .vertical-list{ display: none !important; }
writing java script to handle the error state
What challenges did you encounter, and how did you overcome them?figuring out how to render the error state,
I used google and chatgpt to get it done
What specific areas of your project would you like help with?none.
First of all, congrats on completing the project! 🎉 Here are a few things I noticed that might help improve your work:
The the CSS still needs retouching so i can look better, the footer attribution is overlapping with the main section of the form and this is making the project look less appealing.
The onsubmit="return false" attribute on the button won't stop the form from actually submitting, as the button itself doesn’t directly trigger form submission; instead, addEventListener("submit") should handle this in script.js. You can add event.preventDefault() within that listener to stop the default submission behavior.
Currently, after successful validation, form values are not reset. Consider adding this.reset() after the alert() in the submit event listener. This will clear all form fields, including the radio button and checkbox selections.
After successfully submitting it shouldn't be an alert rather a popup created in the HTML.
These are just some ideas that came to mind, and hopefully, they'll be helpful as you continue improving your project!
Congrats again on the great work—keep coding and best of luck with your journey! 🚀
I was happy that i could do this project with ease, I had fun doing it, what i won't anything differently
What challenges did you encounter, and how did you overcome them?Apart from electricity and internet connection, i really enocunter much challenge
What specific areas of your project would you like help with?Courses on WCAG Please i really need them incase...
Ohhhh That's true I just assume it was the regular accordion without really thinking it through
I will definitely work on that soon
But i wanna ask that i enter a unmotivating time that comes and go. Do you too? so i know that i am not alone
I most proud of made this project with better understanding and would help to do better in js and time i will create more project with full joy
What challenges did you encounter, and how did you overcome them?No ,challenges have come
What specific areas of your project would you like help with?No
Bonjour, Hello Tushar!
First of all, congrats on completing the project! 🎉 I'm still learning too, but I wanted to give you some feedback that might help:
Firstly, in your JavaScript, you're using Array.from() to convert NodeLists to arrays. You could try using forEach directly on the NodeList, as it works without converting the list into an array. This would save you a small step and make your code even cleaner!
I see that the FAQ headings change color on hover, which is nice for user interaction! One small suggestion: you could make the hover state more noticeable by adding a slight transition, like transition: color 0.3s;, so the change is smoother.
These are just a few things I noticed, and I hope they help. You've done an amazing job, and it’s great to see your progress! Keep coding and good luck on your developer journey! 🚀
Bonjour, Hello!
First of all, congrats on completing the project! 🎉 I may not be the most experienced developer, but I wanted to share a few things I noticed that might help improve your work:
Firstly, I noticed that when i don't rate at all and i clicked on submit it is renders it successfully, that is ok but there is a way is can be better. You can make it that when the user doesn't click on the rating then it doesn't submit and it pops up an alert that the user must rating first before submission. I think that will make challenge look more realistic.
Apart from, I really enjoy going through your code.
These are just some ideas that came to mind, and hopefully, they'll be helpful as you continue improving your project!
Congrats again on the great work—keep coding and best of luck with your journey! 🚀
i am proud of using sass preprocessor for the frontend part and using nodejs and express for creating the server file for managing the backend which is capable of sending an email to any valid gmail address.
What challenges did you encounter, and how did you overcome them?faced some problem in writing the backend code but it was resolved later
What specific areas of your project would you like help with?i want to make my local server public so that the backend part could be run successfully by using other devices too , but am facing some problems currently to perform this task.
Any advice will be highly appreciated.
I thought this task will be my most challenging task and it turned out to be really interesting, I had to stay up late so I could complete it. So I am so proud that I was able to finish the task with little help and I can start to see how Javascript works. What i would next time is not to code when I am hungry. So next time I will make sure I am well fed before I start building these projects. :-)
What challenges did you encounter, and how did you overcome them?I didn't really have issues. The only one i had was resetting the values even though it was simple I couldn't do it. Maybe it was when I was doing with an empty stomach.
What specific areas of your project would you like help with?I will really need strict reviews on this project, I really want to see where I can work, so I can be better. Any opinion is welcomed.
With this tips you gave, you are in good position to give tips
I really saw what i did and you gave me a better and simpler way of doing it Thank you so much.
Bonjour, Hello, First of all, congratulations for completing the project. Hey, this is cool! I like how you used the querySelectorAll to get all the inputs and buttons.
A few things I noticed: Maybe we could put all the styling stuff in a CSS file? That would make it easier to change things later.
I think we could use a loop to add the event listeners to all the inputs instead of doing it one by one.
Overall, this is a good start!
Working with json file, was the main challenge I faced. The second challenge I faced was the overlapping of the boxes, I had to learn z-index and really understand positioning in css.
What specific areas of your project would you like help with?How to get the element active with a color of white when clicked.
A very easy way of toggling the daily list white is using an if statement
weekly.style.color = 'white' if(weekly.style.color = 'white'){ daily.style.color = '#ffffff7f' monthly.style.color = '#ffffff7f' }
but you will use an else if to flip incase another is clicked Ihope you understand what i am saying
Probably the most complex project I have done so far, I continued to apply the same method as on previous projects starting with the mobile design. I'm starting to think that maybe using tailwind for the next project will save me from constantly switching between my css file and my html to know what class name I could have used!
What challenges did you encounter, and how did you overcome them?I had a big bug, on github pages with 404 errors on my file paths, I had to use urls to solve the problem but I don't understand where it could come from. The javascript part, honestly without the help of chatgpt I would never have succeeded, even if I understand, sometimes the logic of the variables still escapes me, but I tell myself that by dint of doing projects it will end up doing meaning and becoming automatisms.
What specific areas of your project would you like help with?I used list logic for activity containers, but I'm not sure it was a good idea. I will be curious to see this project in react. After all the advice is good to take, I learn a lot by doing but an outside eye sometimes helps greatly, so don't hesitate to correct me, it's really with pleasure that I would read you.
I hope chatgpt didn't give you the code, but instead it just assisted you in where you where wrong The CSS is top notch i love it but the media queries just need a little of tweaking
I'm most proud of creating a functional form that validates email input and displays appropriate messages. For the next project, I'd consider using React and Tailwind CSS to streamline the development process and improve the overall efficiency.
What challenges did you encounter, and how did you overcome them?The main challenge I faced was ensuring responsiveness across different screen sizes. I overcame this by using media queries and flexible layouts.
What specific areas of your project would you like help with?I'm satisfied with the current state of the project and don't require any further assistance.
the mobile version can still be worked on so it looks more presentable why regex of your javascript
overall the result is amazing keep it up
