Oh man, CSS style and responsive design is no joke. This project taught me how to include linear gradients over background-image, it took some time but I believe I got it to where it meets the requirements. Long days and nights, so please share some knowledge on CSS responsive design.
Don't use bootstrap. First focus on the basic css and html. Once you get comfortable then go for it, otherwise it will be too much confusing and frustrating in my opinion. I've completed it, you may chek it out.
Looking for feedback - is there anything I have done with my html or css that you wouldn't have done if you were completing this project?
Design looks very nice and responds very well. You can beautify menu opening by creating hamburger icon with html and css and apply some transition effects on it instead of using svg icon. I have done this one recently, you can take a look on it to know what i am talking about. Otherwise great work👍.
The main Issue there currently is, is that you have to click the numbers to toggle the theme, rather than in the highlighted row. Simple suggestions to fix this are welcome :)
Nice work, Design looks good but not working. the challenge was to build a working calculator. I've done this one, take a look on it to get to know what's the final produnct is supposed to be. For toggle bar, you can put three span or divs with onclick inside the togglebar container instead of putting onclick on numbers.
Hey everyone, Today I completed this challenge which is an IP Address tracker it has an interactive map with it, of-course by default it shows Hyderabad but when you start searching for some IP Address/Domain name it moves to the new location of the company, if you search for something which don't have it's own server you can see the company it hoisted. I think I almost did it, if you encountered any problems in your device please let me know I sure I will update it. Thank you.
Good job, only thing is that it doesn't auto detects the IP of user on page load which was described in the challenge description. Otherwise it's great. I've done this challenge and added some additional features in check it out if you wish to learn more. Happy coding... 👍👍
I would love to hear your opinions about it. I know the flipping animation approach is not the best one, I would love to know better ideas. Thanks.
Just missing the perspective property use it, will look very nice.
Hello👋!
It was one of the most enjoyable challenges I have done so far. When I saw that challenge requires a change theme I decided to add another functionality which is extra "custom" theme where the user can edit freely colors in theme modal. Many times, when I finished a certain function, I had an idea with another one, and I had a lot of fun doing it. Honestly, It took me more time to made this custom modal than the calculator itself - which itself was a good javascript challenge as well. You can use both the keyboard and the mouse to enter data into the calculator. List of things I learned or used creating this project:
matchMedia() method. It returns a new MediaQueryList object that can then be used to determine if the document matches the media query string. In this case prefers-color-scheme. Read more(1). How to detect user prefered theme in JS(2).toLocaleString() method to return a string with a language-sensitive representation of this number. In short it convert 3500 to 3,500 if in U.S. Read more.object literals instead of if statement in several cases. Shortly, we have an object where the keys are the conditions and the values are the responses. Then we can use the square bracket notation to select the correct value of the object from the argument passed in. This looks clean and I will definitely continue to use this. Read More.You can find more about the things I used in the project in the README on github. I just wanted to point out new things here.
Special thanks to @brasspetals for tossing an idea with the focus trap which she used in her project. No specific questions here but any additional feedback will be appreciated! Let me know if you spot any bugs. I know they're hiding somewhere! 😅
Thanks! 😁
This is really amazing idea, one more great work from you as usual.
Let me know about the functionality and look and feel.
I have yet to implement the mobile (responsive) version.
It gives 0 when try to calculate 4x04.4 The zero is causing this error. Find a way to prevent user from entering zero after an operator if he does not enters decimal (.) just after that zero.
any feedbacks are very welcome
they help me so much
thanks in advance 🙏
Very nice, but the buttons have no pressing animation, use translateY with disappearing box shadows when user clicks the button to bring the pressing effect and the code for calculations needs rectification as it is freezing and throwing errors.
Feedbacks are appreciated.
Hello friend, just want to indicate that the design is not looking good when we watch it on mobile in landscape mode. You can fix this otherwise you've done a very nice work.
Please rate my work and provide feedback.
nice work but page is not responsive, make it mobile friendly.
everything is working as intended but on mobile phones the drag and drop functionality is not working for some reason....it would be awesome if anyone can help me with this thing
nice work friend, try to use react-beautiful-dnd library for drag and drop effect. it's easy and more beautiful. today I am posting the same todo list solutions, must have a look. happy learning...
