Anonymous DEV Posts - Answer Overflow

Anonymous DEV

•Created by Anonymous DEV on 2/15/2024 in #front-end

scale animation overflowing

i am trying to do a scale animation but its overflowing on hover can someone help me out i want the card to come to center on hover https://codepen.io/sarosh-afzal/pen/vYPbEzo

1 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 2/5/2024 in #front-end

converting bootstrap template into next js

i am trying to convert bootstrap template into next js which is using owl.carousel.js library its only showing image in carousel for like 1 sec reference video => https://streamable.com/h0c9o2 github => https://github.com/AnonymousDEV001/nextJs-carasol in github code its just carousel so u don't waste your time finding the right page I had hydration issue i fixed that and now i don't have any errors and now its not showing carousel image at all not even for a sec

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/25/2024 in #front-end

i need a little help with css

5 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/22/2024 in #front-end

can someone explain this animation

can somone explain the animation on text how it can be made https://www.figma.com/proto/LNCj0IOeaxnhBV26wlglcR/Donut-Landing-Page-(Community)?type=design&node-id=1-63&scaling=min-zoom&page-id=0%3A1

6 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/12/2024 in #front-end

auth0

i need help with auth0 i want to authinticae user before visiting the website without clicking the login button how do i do that

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 1/3/2024 in #front-end

i need a little help with svg

4 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 11/26/2023 in #front-end

image stretching

3 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 11/15/2023 in #back-end

django rest framework drf social oauth2

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 11/8/2023 in #back-end

django rest framework

i have a question i want to give user to authinticate itself using 2 ways my social platforms like google and also using normal email and password i am using react in front end and django in backend can anyone guide me how i can achieve this?

1 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 11/1/2023 in #front-end

can someone explain it to me how this is made

37 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 10/19/2023 in #front-end

i want list of dates that i select but smth is not working

import React, { useEffect, useState } from "react";
import Css from '../Css/Weak.module.css'

function Weak(props) {
  let [selectedDate , setSelectedDate] = useState([])
  useEffect(()=>{
    console.log(selectedDate)
  },[selectedDate])

  return Array.from(Array(7)).map((_, j) => {
    let date = new Date(props.year, props.monthIndex, props.index * 7 + j + 1);
    let month = date.getMonth();
    if (month !== props.monthIndex) {
      return <p key={j} ></p>;
    }
    return <p key={j} onClick={(e)=>{
      setSelectedDate([...selectedDate, e.target.innerText]);
    }} className={Css.date}>{date.getDate()}</p>;
  });
}

export default Weak;

import React, { useEffect, useState } from "react";
import Css from '../Css/Weak.module.css'

function Weak(props) {
  let [selectedDate , setSelectedDate] = useState([])
  useEffect(()=>{
    console.log(selectedDate)
  },[selectedDate])

  return Array.from(Array(7)).map((_, j) => {
    let date = new Date(props.year, props.monthIndex, props.index * 7 + j + 1);
    let month = date.getMonth();
    if (month !== props.monthIndex) {
      return <p key={j} ></p>;
    }
    return <p key={j} onClick={(e)=>{
      setSelectedDate([...selectedDate, e.target.innerText]);
    }} className={Css.date}>{date.getDate()}</p>;
  });
}

export default Weak;

can someone even explain whats hapenning here

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 10/11/2023 in #front-end

i want to know how i can make this design

32 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 10/4/2023 in #front-end

warning while using react-redux should i ignore

8 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 10/3/2023 in #front-end

setup redux in react app

can someone help me setup redux in react app i am having trouble doing it

4 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/23/2023 in #front-end

overflow not working

30 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/18/2023 in #ui-ux

can someone provide me resources to learn designing m really bad at it

i designed this can someone take a look at it and help me a little https://www.figma.com/file/wNtLxKDRC53WH5uFiG6MGl/Untitled?type=design&node-id=2-54&mode=design&t=wjzvQLhgSyVqQ5v1-0https://www.figma.com/file/wNtLxKDRC53WH5uFiG6MGl/Untitled?type=design&node-id=2-54&mode=design&t=wjzvQLhgSyVqQ5v1-0 and m using these colors because i already created a website https://aptech-projects.web.app/

7 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/18/2023 in #front-end

i am having error messages while creating react app

22 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/15/2023 in #front-end

can someone review my code

https://github.com/AnonymousDEV001/aptech-projects

2 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/13/2023 in #front-end

side nav overflow problem

import React from "react";
import NavbarCss from "./css/Navbar.module.css";


export default function Navbar() {
  return (
      <div className={NavbarCss.navbar}>
        <div className={NavbarCss.lowerNavbar}>
          <div className={NavbarCss.upperNavbar}>
            <div className={NavbarCss.leftUpperNav}>
              <div className="flex center">
                <span class="material-symbols-outlined">mail</span>
                <p>privateeyebouncers@gmail.com</p>
              </div>
              <div className="flex center">
                <span class="material-symbols-outlined">call</span>
                <p>0316 5546622</p>
              </div>
            </div>
            <div className={NavbarCss.rightUpperNav}>
              <img className={NavbarCss.facebook} src="facebook.webp" />
              <img className={NavbarCss.google} src="google.webp" />
              <img className={NavbarCss.twitter} src="twitter.webp" />
            </div>
          </div>
          <div className={NavbarCss.navigation}>
            <div className={NavbarCss.navImg}>
              <img className={NavbarCss.logo} src="logo.webp" />
              <p>PRIVATE EYE BOUNCERS</p>
            </div>
            <div className={NavbarCss.navText}>
              <ul>
                <li>HOME</li>
                <li>SERVICES</li>
                <li>ABOUT US</li>
                <li>CONTACT</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
  );
}

import React from "react";
import NavbarCss from "./css/Navbar.module.css";


export default function Navbar() {
  return (
      <div className={NavbarCss.navbar}>
        <div className={NavbarCss.lowerNavbar}>
          <div className={NavbarCss.upperNavbar}>
            <div className={NavbarCss.leftUpperNav}>
              <div className="flex center">
                <span class="material-symbols-outlined">mail</span>
                <p>privateeyebouncers@gmail.com</p>
              </div>
              <div className="flex center">
                <span class="material-symbols-outlined">call</span>
                <p>0316 5546622</p>
              </div>
            </div>
            <div className={NavbarCss.rightUpperNav}>
              <img className={NavbarCss.facebook} src="facebook.webp" />
              <img className={NavbarCss.google} src="google.webp" />
              <img className={NavbarCss.twitter} src="twitter.webp" />
            </div>
          </div>
          <div className={NavbarCss.navigation}>
            <div className={NavbarCss.navImg}>
              <img className={NavbarCss.logo} src="logo.webp" />
              <p>PRIVATE EYE BOUNCERS</p>
            </div>
            <div className={NavbarCss.navText}>
              <ul>
                <li>HOME</li>
                <li>SERVICES</li>
                <li>ABOUT US</li>
                <li>CONTACT</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
  );
}

10 replies

KPCKevin Powell - Community

•Created by Anonymous DEV on 9/13/2023 in #front-end

Writing Css in react

11 replies

Gaming

Programming