@Zainabeyy
Latest solutions
Password Generator
Submitted about 1 year agoI would like to know how yo change the colour of a SVG because when i target it with CSS it doesn't work. That way i could add the options hover
index.html
SVG
.header-icon:hover { color: var(--almost-white); }Tip Calculator App
Submitted about 1 year agoSo i have a problem with the choice of buttons. I explain myself when the user clicks on the button choices we can see the value in the custom field. But in the project the choice of the button must not be displayed in the custom field. If anyone would like to enlighten me on the right process, thank you.
Time tracking dashboard
Submitted about 1 year agoOn firefox the content is in the center but on chrome the block is up to the top. I would like to know how to solve this problem.
Latest comments
- @ikitamalarose
First of all, congratulations, the work is well done. What I can add is just at the mobile view the titles are centred. Otherwise everything works perfectly.
Marked as helpful - @Emynex4realWhat are you most proud of, and what would you do differently next time?
I am proud that i was able to go back and learn the WCAG 2.1 guidelines and conformance levels and build the project to the best of my ability. What i would have done different is to build the project then add the WCAG guidelines later instead put it in one by one
What challenges did you encounter, and how did you overcome them?Looking for courses that teaches about WCAG guidelines There are not enough videos that accurately explain it in a simple and relatable way. I overcame by the help of chatgpt which helped me breakdown the explanation into simple bits and also in a relatable way.
What specific areas of your project would you like help with?Courses that are really explanatory on this
@ikitamalaroseGood job 🎉 My contribution would be just in terms of rendering includes buttons, hover, text size etc... But otherwise well done
- P@astnioWhat are you most proud of, and what would you do differently next time?
This project was a huge challenge for me, and not for quite the right reasons. I learned a lot about proper planning for a project, and considering the architecture more thoughtfully ahead of time. This project really shouldn't have been very complicated, and yet my lack of planning and forethought made it quite the challenge.
In my defense, I tried to create a more robust system that is dynamically expandable. You should be able to add more quizzes and questions to each quiz, and the code should take care of the rest in generating the questions and everything for you.
What challenges did you encounter, and how did you overcome them?I feel as though both my CSS and JavaScript are overly complicated for this project. I ended up throwing in all kinds of things into my CSS to account for edge cases, while I probably could have simplified the logic for a lot of this had I been more thoughtful.
Same thing with my JavaScript. In fact, the final product is much simpler than what I had midway through the project. I did quite a bit of refactoring that slimmed down the logic a bit here.
Overall, in the future, I will take more careful consideration of my projects, and probably write out an outline or draft in pseudo code to attempt to make things easier.
@ikitamalaroseFirst of all, congratulations for thw work done and here is my contribution.
1-Add the hover effect on the question with a colour on the boxes, check the figma model
2-The warning message changes its coulour in light mode to make it red
3-As you say, the code is loaded and you could have made sure that the js loads the content of each step automatically ( your first idea of coursse).
For my part, i separated a file
loadData.jsthat takes care of recovering the datadata.jsonwhich we need. A fileutils.jsthat takes care of creation of each component. And finally the filequiz.jsthat targets and adds the element in thehtmlfiles as we progress.I hope i was helpful :)
And otherwise it's great job
Marked as helpful - @kayan2004@ikitamalarose
Congratulations on the work done.
I invite you to document yourself on
mousedownandtouchstartto make the customise slider. Then depending on the position, put the password strenght.Use div or button containing the icon to customise to create your own checkboxes.
Blocked the copy option when there is nothing in the password field.
Reduce the width of the main block.
You can take a look at the work i did to get an idea of all this.
:)
Marked as helpful - @echocode1What are you most proud of, and what would you do differently next time?
it was a first attempt and i did it
What challenges did you encounter, and how did you overcome them?get the input to execute while figure is entered was confusing since i haven't done any thing like that before but it became even more easier with the knowledge of input event listener.aside every other stuff seems pretty easy
What specific areas of your project would you like help with?i will request a detailed explanation on our to write a reusable javascript code cause my js-code looks a bit to jam-packed
@ikitamalarosecongratulations
- @leannekeenanWhat are you most proud of, and what would you do differently next time?
This was incredibly difficult. The CSS was hard for me in terms of layering the color of the stats container, the image within it, and the records over the image.
The JavaScript was also quite difficult in terms of how to use the specificity of nested arrays to locate content.
Lastly, while I got the project to work, per see, I could not get the values from the JSON file to stay in perpetuity on the DOM - the values flash on the screen when the stat option is selected from the user bar.
What challenges did you encounter, and how did you overcome them?-
Layering the stat container, stat image, report container, and the report content all as one object.
-
Getting the JSON values to stay in perpetuity in the DOM when a stat option button gets clicked.
Any help is welcome, but mostly I'm hoping to get help with the JSON values staying on the screen when the stat option button gets clicked.
@ikitamalaroseFirst of all congratulations on the effort made
then I took a look at your GitHub repository but I had a hard time finding my way there are too many files that I don't really know what to look at.
But I suggest you take a look at my solution on this project and look at the main.js file it could help you understand how to ensure that the data is always there with each click.
-
