@chanwinharold
Latest solutions
Time tracking dashboard using NextJS
#next#react#tailwind-css#typescriptSubmitted 5 months agoI would appreciate help on how to efficiently load data in nextjs.
Newsletter sign-up page built with Next.JS, TailwindCSS, Shadcn/ui
#react#shadcn#tailwind-css#nextSubmitted 8 months agoNothing really
Responsive article preview component using Next.js
#react#tailwind-css#nextSubmitted 9 months agoI would like some help on a way to close the share panel when there is a click anywhere on the page. It would be great if someone could help me with that. Thanks in advance.
Testimonial grid section using tailwind css
#tailwind-cssSubmitted 11 months agoThe responsiveness of the page felt a bit off. I would appreciate some feedback on how it turns out.
Responsive four card feature section using css grid
Submitted about 1 year agoHave a better understanding of all of the css grid good practices.
Latest comments
- @konraddissake1808
Off on a good start, good continuation
- @apu2304What are you most proud of, and what would you do differently next time?
Learning to use tailwind CSS.
What challenges did you encounter, and how did you overcome them?Deploying tailwind CSS without any framework like React or Vite is a little challenging but stack overflow is a buddy for that
@konraddissake1808Nice attempt, as long as everything works well behind
- @psychederikWhat are you most proud of, and what would you do differently next time?
I'm proud of the way I structured my file similarly to how a larger real-world application would be organized. I broke down the app into components and filed them into corresponding folders. Next time I will create a "UI" folder in my "components" folder for any globally shared components and continue my current approach which was to organize each component per the page/section the components are unique to.
What challenges did you encounter, and how did you overcome them?My two main challenges were state management and prop drilling. At first, I initialized the state in a child component of a parent component which needed to be re-rendered which prevented the app from behaving the way it was intended. I took a step back to physically draw my DOM structure and realized the issue. Once I initialized the state in the correct component, passing the props down to the children components that needed them made me a bit nervous at first but once I saw the correct results, I realized how simple it was.
What specific areas of your project would you like help with?As of now, I'm confident I understood the projects and the actions I took to create a solution. Deploying my app on GitHub Pages was sort of tricky but once I realized there was a Vite plugin to simplify the process, I just followed the documentation step by step, solved the problem, and learned why my app wasn't deploying properly in the first place.
@konraddissake1808Nicely done. Truely amazing work
- @raswondersWhat challenges did you encounter, and how did you overcome them?
Two quite distinct visual styles of share component made me little hesitant about code structure. For each visual style I produced one component and conditionally rendered them. The code isn't well encapsulated and I don't feel particularly good about it.
What specific areas of your project would you like help with?I'd like to improve upon my solution to share popover. There seems a little junk in loading icons, when initially clicking share button. I'd like to learn how to mitigate this and improve code structure of share popover.
@konraddissake1808You did great with this mate, I can't say anything better as I wasn't able to achieve make the share links to disappear when clicking out of it. Imma take a peek into your solution url. Anyway, good job
- @modjiWhat are you most proud of, and what would you do differently next time?
I don't often get to work with grids so it was a nice challenge and happy how it turned out.
What challenges did you encounter, and how did you overcome them?My initial approche was a bit off as I had a two flex cols and the left side would be a grid. It worked well but it had a weird padding issue. I ended up changing it to purely grid and it works better.
What specific areas of your project would you like help with?Any improvement suggestions is welcomed.
@konraddissake1808Out of proportion but nicely done
- @jordanj03What are you most proud of, and what would you do differently next time?
I am proud of using responsive font-size and making the website good on (mostly) any device I would improve my usage of media queries
What challenges did you encounter, and how did you overcome them?The hardest challenge was making the page responsive, however, once I read the pathway information it became much easier :)
What specific areas of your project would you like help with?How can I improve the responsiveness
@konraddissake1808Looks great, cheers mate
