I'm encountering an issue with an animated counter on my website. The counter is intended to simulate a statistic and works perfectly on desktop browsers. However, when accessed on mobile devices in a production environment, there seems to be a…
function hideLoadingAnimation() { console.log("Yükleme animasyonu gizleniyor, ana içerik gösteriliyor"); var loadingAnimation = document.getElementById("loading-animation"); var mainContent = document.getElementById("main-content"); loadingAnimation.style.display = "none"; mainContent.style.display = "block"; } window.onload = function() { console.log("Sayfa tamamen yüklendi"); hideLoadingAnimation(); }; #main-content { display: none; } * {…
I'm learning tailwind and I have this div : <div class="mt-5 border border-gray-300 p-2 bg-gradient-to-b from-gray-100 via-purple-50 to-gray-50 rounded-lg mb-8 p-4 dark:bg-black"> And in dark mode my background is still the original gradient (my dark mode is working) I want…
all exports/imports work fine. MainLayout.js file the only file in layout : the sidebar is fixed in all pages except Login, Register and Not Found. in folder layout there is just MainLayout.js const MainLayout = (props) => { return (…
I am working on a react project where I want to add some animation to the UI, and need some advice on what UI library or should I go for which is easy to use and to implement I do…
I am using a real-time chart from tradingview.com but that chart is rendering two times at the starting and whenenever I am changing something in my code that chart in rendering again. Due to that there are multiple renders as…
I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…
When I create a react project using Vite, I encounter the following error when defining a prop. If I don't have this problem with create React App, why does this error occur? Maybe I have not installed a module? enter…
I am learning HTML and CSS. Some teachers say that you should use lots of divs and classes, while others say the opposite, advising not to use too many divs and classes. Which one should I use? examples: <section class="section-pricing">…
I have a react and next project which uses multiple pages with a similar structure. In each page we are using custom hooks to load data, so it looks something like: const theme = useTheme() const router = useRouter() const…