Hello everyone!
Features:
- Drag & Drop (mobile & desktop view)
- Toggle color theme
- Animation effects
- localStorage as mini DB
Any comments are welcome.
Hello everyone!
Features:
Any comments are welcome.
this is very impressive doing everything on vanilla JS. Can you tell me which tool you used to learn JavaScript?
wow! great work did you use a library for the drag-and-drop feature?
Posting this as a reference point, this was 2 years ago when i started writing prod code myself and i wasn't really sure how to do everything so i could not even complete the solution lol. Right now i would honestly do this so easily but meh. I think im satisfied with not knowing it all back then and i'm still proud of myself
Need to set max-width The theme selector does not match the design
The calculator is not working. Possible issues with the submit button
just html, css(i used BEM) and js
incorrect logic the calculated amount is incorrect.
the button is not positioned in the middle when its in mobile screen.
It took too much time and efforts to do it. I think poor js is not very suitable for this task... Had an unsolved problem: Some variables didn't work if taken out of the function.
use
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
to remove the number control on the input buttons
use relative position on the line and absolute on the button then use left | right | top | bottom to position the button on the line.
need to align the component better with margin for mobile
need to change font sizes to match the design
I would like to get feedback on the naming of my HTML classes and the way I handle my classes in the CSS file, please :)
Try using BEM naming model for your class names. use this link to get more information https://css-tricks.com/bem-101/.Also use semantic HTML for better SEO.