Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

Wireguard and non-VPN external connections

I'm using a raspberry pi with raspbian. It's permanently connected to a wireguard VPN (the VPN doesn't support port forwarding from the external VPN address). I also want to host something on the raspberry pi and make it accessible over my home internet. When the VPN is not connected: The service works from inside my network. The service works from outside my network. So the issue is not port forwarding from my modem to the pi...

I'm looking for smb to do early meetings in google-meet (9 - 10 AM GMT+2 CEST)

Just want to discuss at the beginning of the day with somebody what I'm going to do and also would like to know what are you coding Next.js TypeScript Tailwind meetings every day for 5-10 minutes...

Why are there so many JavaScript frameworks?

Hello guys, it's been sometime now that I have been using vanilla HTML/CSS/JS. I wanted to learn some frameworks just to see how all of that works and from what I've told, in real world/jobs, the majority of time, we use frameworks to do things. My first question is: What do we have so many frameworks from Next.JS to Angular.JS to Vue.JS to React.JS and so on please. Second is, if I need to learn a framework for JavaScript and also for CSS, are there any recommended frameworks please. (By the way HTML doesn't have any framework on its own? There are terms that I saw like pug, SASS etc I think, are these related to HTML ?)...

Need advice on caching data retrieved from useeffect in react

hey guys so im currently working on a project that will retrieve reddit posts and filter them by pain points similar to GummySearch but for a single niche to generate potential business ideas! the reason im building this is cuz i cant pay $60 for gummy search 😦 and i thought it would be cool to build my own version to use for free for a single niche anyways the problem is with the call to Reddit API now with useeffects in general the its called whenever the component mounts right but i dont want to do that. whats the best way to cache the posts retrieved from Reddits API on the client? i want to be refetching only after every 2 hours ! so say the user opens the app it fetches posts and then if the component unmounts and remounts i want to check if its been 2 hours since the last time, how can i do that check?? also where do i store the fetched posts? on local storage? do i save them to the database? ...

Time tracker app

I'm looking for a time tracker app that I could use locally on my machine without worrying that it sends that data anywhere, I've found a few options but none of them look really interesting, so I wanted to know if anyone here had anything to suggest.

What's the difference between Vue/React Framework vs CSS Framework like bootstrap/tailwind

Hello guys, in the world of web development, there are lots and lots of framework and I was wondering, when people they "Vue" or "React" Framework, does this mean a global collection of HTML/CSS/JS working as one or like "Vue" framework related only to HTML and then, we add our CSS styling ? Like I once heard "use tailwind" for your CSS, I only know the word and from what I've read it's a framework for CSS (Correct me If I'm wrong pls)?

Advice to become a better developer

Hello guys, I have a question. As a developer, whether it's for software development, web development, game development, how do we do to have a bit more "weight" towards our fellow friends? I mean if we consider fields like networking and security, their are lots and lots of certification but what about developments? What kind of certifications do we need to do/undertake please? Or beside certifications, what else can we do please. Say I want to be a software developer, what would be the right way to make myself a bit more "unique" ? (please bip me for a response)...

2025 want list (Interop 2025)

There's been a boat load of activity over at the rust jxl github repo today out of seemingly no where. Was mostly dead for months but now my inbox is full of pull request messages. Good to see somethings finally happening. https://github.com/libjxl/jxl-rs/pulls?q=is%3Apr+is%3Aclosed...

I should just cry at this point.

I’m a very big android fan. Like LITERALLY!!! but i use iPhone. I love android 4.4 jelly bean & kitkat that’s it nothing more than that. I tried to find mobile of that version but in my city I couldn’t. I just feel so in love with that version and that time of internet like everything. Google had nice ui and evernote had lovely ui flipboard had that flipping widget i think can’t remember it was like side page or something. Phone app was great websites felt like welcoming, populat game was temple run, picks art was popular, the ui of jelly bean and those sounds of user interface was just wow. Youtube app was 🩵 and whatsapp was oh my god. What can i say ‘bout the FACEBOOK OH MY HEAVENS. I’m just so freaking crazy for this things. Chrome app and desktop app was oh god and picasa was there the best thing. TWITTER Oh god I don’t have WORDS. Not just android i had sony erricson w33i a quarty keypad phone in white ahh best one i can use that phone right now if someone gave me and same goes for android. I’m ready to ditch my 16 pro max. ...

When accessing an API that needs authentication, where do we include API key?

Hello guys, when we need to access an API for a web service, I saw that sometimes the API is included in the URL itself, is it good practice? When can we do that or what are the other methods used to provide an API key to use a web service? ```js fetch("https://api.example.com/data?api_key=YOUR_API_KEY") .then(response => response.json())...

How problematic is this for accessibility?

<button form="delete-form">Delete Post</button>
<form style="display: none" id="delete-form" method="POST" action="..."></form>
<button form="delete-form">Delete Post</button>
<form style="display: none" id="delete-form" method="POST" action="..."></form>
...

Implementing a loader animation

hi everyone, im trying to implement this design and then get to animate it with gsap. tried a few things but couldn't get too close with it. any help is highly appreciated. just want to load each bar individually while the number counts up. till it gets to the set percentage.
No description

Style range slider

I'm styling a single-thumb <input type="range"> slider using SCSS. A lot of my styles are duplicated across ::-webkit-slider-thumb and ::-moz-range-thumb, so I tried combining them using a comma selector—but then the styles stopped applying. Is that a WebKit vs. Mozilla thing? Also, I’m struggling to add proper :hover and :focus effects to both the slider thumb and the filled track (that is made possible with the border-image trick). Here’s the React component:...
No description

Am I doing too much on my portfolio?

Hey guys, I thought it would be a really cool idea to make my portfolio kind of like Figma since I work in it a lot as a ui dev. I just don't know if it would be too much for a portfolio. I wanted to kind of have some bubble underneath the heading that like shows the css selectors, and when you hold alt over an item it shows the css properties or something
No description

Is this how Props work in React...?

Max just blew my mind and I'm not sure if that's an inexperience thing my end, or if he's doing something wonky.. He's created a button with an onClick event in TabButton.jsx, that function takes children and onSelect as props, there's then a function in app.jsx, handleSelect that displays the output, and the component is in app.jsx as <TabButton onSelect={handleSelect}>Components</TabButton> Am I going crazy here, or is this standard practise? lol - I removed some of the code in App.JSX as it wasn't relevant to the question...

Display none isn't working as intended

HI o/ I have to make a task thingy and everything worked as long as there was a button I used to close and open the single tasks, but then I had to change it to radio buttons (see img) since then I can only delete tasks but the display none thing isn't working anymore. [ only show open] [only show a specific person selected] I put in console output so I can track if the value change works and that seems to work just fine. I think sth with the display isn't working 😦 ...
No description

Can this be easily the made with html and css

Hello I found this image of a nice card that I can use for a project ...
No description

Who has worked on mobile apps ?

I'm using expo and react native for the first time woth the untiial thought "it cannot be that different from web dev"...who cam trauma bond over this ? It reminds me of html emails but even worse as theres not even <tables> to fake a grid. All my responsive cas knowledge is for naught. And why are so many of the packages not maintained ?? I'm so stuck on the styling of it all (since even the most basic of css properties aren't applicable eg background-image, background-position...oh gosh i just wrote that as backgroundPosition) but mostly creating custom animations. If I can't create @keyframes, how do i create animations on mobile ap0s ?...

how to fix the mobile in lighthouse test

sure the website in desktop scores good but in mobile it's soo bad, i just need to mimic the mobile lighthouse test in the perf tab just to see what's going on i keep getting 60~65 ish on mobile lighthouse, mainly because of the LCP; i tried to mimic the lighthouse testing in the performance tab ...
No description

Arduino vs Raspberry pi

Hello guys, sorry to disturb you all... is there any expert in arduino or raspberry pi here please. I want to get started with IoT (internet of things), I want to have my own server (I saw someone on youtube creating his own server using only his rasbperry pi).... I don't really know what's the difference between an arduino or a rasbperry pi... would really appreciate if someone can just give me an overview and if someone can recommend me what to have to build my own server and just get started with IoT, will really appreciate :c...