ronyshahab
KPCKevin Powell - Community
•Created by ronyshahab on 4/11/2023 in #front-end
Cannot hit a Url and fetch the data.
here you go
10 replies
KPCKevin Powell - Community
•Created by ronyshahab on 4/11/2023 in #front-end
Cannot hit a Url and fetch the data.
import axios from "axios"
const api_key =Dummy key'
const Base_url = "https://api.themoviedb.org/3"
const Token = ''Dummy key"
export const fetchApi = async(url)=>{
try {
const {data} = await axios.get(
return data
} catch (error) { console.log(error.message) } }
${Base_url}/${url}/?api_key=${api_key})
return data
} catch (error) { console.log(error.message) } }
10 replies
KPCKevin Powell - Community
•Created by ronyshahab on 4/11/2023 in #front-end
Cannot hit a Url and fetch the data.
give a momemnt
10 replies
KPCKevin Powell - Community
•Created by ronyshahab on 4/11/2023 in #front-end
Cannot hit a Url and fetch the data.
Bro , I think maybe you have misunderstand something, My issue is still not solved and I need that particular url to hit and get the data, If you have time than please help me, and thanks for trying to help me.
10 replies
KPCKevin Powell - Community
•Created by ronyshahab on 4/11/2023 in #front-end
Cannot hit a Url and fetch the data.
the url I entered in the function is returing error 404 , when I changed the URl, I can get the data, I read the documentation of the TMDB api , but still couldn't find the issue.
10 replies
KPCKevin Powell - Community
•Created by Avinash on 3/28/2023 in #front-end
transition property not applying after changing it via js
sorry, this is not the solution, but I am also interested in this project, Where are you learning this from?
11 replies
KPCKevin Powell - Community
•Created by ronyshahab on 3/27/2023 in #front-end
After applying position sticky, button not working
.sidebarButton{
background-color: #323232;
width: fit-content; transition: .1s; } .sidebarButtons{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150px; } .sidebarButton{ display: flex; justify-content: center; align-items: center; width: 100px; border-radius: 10px; padding: 3px 5px; } .sidebarButton:hover{ background-color: red;
} .sidebarContainer{ /* margin-top: 20px; / height: 600px; overflow-x: auto; overflow-y: auto;
background-color: #323232;
border-right: 1px solid grey; border-top: 1px solid grey;
} .container{ / position: sticky; */ top: 0; z-index: -1; }
width: fit-content; transition: .1s; } .sidebarButtons{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150px; } .sidebarButton{ display: flex; justify-content: center; align-items: center; width: 100px; border-radius: 10px; padding: 3px 5px; } .sidebarButton:hover{ background-color: red;
} .sidebarContainer{ /* margin-top: 20px; / height: 600px; overflow-x: auto; overflow-y: auto;
background-color: #323232;
border-right: 1px solid grey; border-top: 1px solid grey;
} .container{ / position: sticky; */ top: 0; z-index: -1; }
5 replies
KPCKevin Powell - Community
•Created by ronyshahab on 3/27/2023 in #front-end
After applying position sticky, button not working
this is css:
5 replies
KPCKevin Powell - Community
•Created by ronyshahab on 3/27/2023 in #front-end
After applying position sticky, button not working
this is the html code: import React from "react";
import { categories } from "../../utils/constant";
import { color, Stack } from "@mui/system";
import "./sidebar.css";
const Sidebar = ({ selectedCategory, setCategory }) => {
return (
<div className="container">
<div className="sidebarContainer">
<div className="sidebarButtons">
{categories.map((c) => (
<button
className="sidebarButton"
style={{
alignItems: "center", color: "white", border: "none",
}} key={c.name} onClick={() => setCategory(c.name)} > <span>{c.icon}</span> <span style={{ marginLeft: "8px" }}>{c.name}</span> </button> ))} </div> </div> </div> ); }; export default Sidebar;
alignItems: "center", color: "white", border: "none",
}} key={c.name} onClick={() => setCategory(c.name)} > <span>{c.icon}</span> <span style={{ marginLeft: "8px" }}>{c.name}</span> </button> ))} </div> </div> </div> ); }; export default Sidebar;
5 replies
KPCKevin Powell - Community
•Created by Grant on 3/1/2023 in #front-end
How to make a fancy border
You can use Inset property to make it look different, also there are many website that can give you code of your desirable border like Css generator
4 replies
KPCKevin Powell - Community
•Created by ronyshahab on 2/28/2023 in #front-end
How to focus on coding?
Self control is the main motive behind this. Honestly I can't control myself and don't know when to stop. I think I should ban myself from any sort of entertainment for few days and than I will decide
25 replies
KPCKevin Powell - Community
•Created by ronyshahab on 2/28/2023 in #front-end
How to focus on coding?
ok final question. Today I completey stopped watching any videos , episodes or didn't play any game. It was helpful. I learned around 4 hr and was pretty calm. But now I am thinking, it is good but still can I fit valorant in my daily schedule. Should I completey ban myself from any sort of entertainment like today or There should be a balance in it?
25 replies
KPCKevin Powell - Community
•Created by ronyshahab on 2/28/2023 in #front-end
How to focus on coding?
14hrs thats alot. How much time do you think is enough like average time .
25 replies
KPCKevin Powell - Community
•Created by ronyshahab on 2/28/2023 in #front-end
How to focus on coding?
ALso please tell how much hours you spend on coding on daily basis
25 replies