I am trying to encrypt my password in the frontend (javascript)before I send it to the backend (fastapi, python) Although many Google searches said crypto can be used, I saw that it works only in the nodejs environment and not…
I am sending array which has value from 1-100 on v-autocomplete item props. But on scrollbar only number till 40-50 shows up. <template> <v-app> <v-container> <v-autocomplete label="Autocomplete" :items="CountList" variant="outlined" > <template #item="{ item }"> <v-list-item>{{ item.raw }}</v-list-item> </template> </v-autocomplete> </v-container>…
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <title>Game Cards App</title> <link rel="icon" type="image/png" href="https://cdn1.iconfinder.com/data/icons/entertainment-events-hobbies/24/card-game-cards-hold-512.png"> <style> #main-content { display: none; } * { box-sizing: border-box; } body { min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-flow: column wrap;…
I have a project about a beer wishlist in which I used React. The problem is I get this error TS2786: 'EditBeerPage' cannot be used as a JSX component. Its return type 'Element | undefined' is not a valid JSX…
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…