Karol
KPCKevin Powell - Community
•Created by Vikrant Tanwar on 4/11/2025 in #help
Anchor links working locally but not when deployed (React)
Navlink and Link are just extended anchor tags available only in React Router.
In plain React project you'd just use regular anchor tag.
You can see that when you use inspector in browser, even if you use Link or Navlink,
it will show it as an anchor and do additional job in the background.
21 replies
KPCKevin Powell - Community
•Created by redcaus1235 on 4/11/2025 in #help
Improvment needed
no worries, but really, learn about layouts and reusable components first, otherwise might as well work in MS Paint 😉
8 replies
KPCKevin Powell - Community
•Created by redcaus1235 on 4/11/2025 in #help
Improvment needed
First of all: layouts; I can't imagine working without them, if you don't know what are they please do yourself
a favour and watch some tutorial, should be plenty on YT for free. You will save a lot of time and sanity :v
Basics:
+ Try to use more natural looking gray shades. atm you use #000 for black for example. Try to experiment with those for example:
https://yeun.github.io/open-color/ ; I use those pallettes quite often and I do recommend them especially for simple projects.
+ Hero picture - the house is bright so and so is the text, try to add blur effect or apply dark mask on the background picture.
+ Buttons - try and add some more padding to main buttons - About us & Contact Us
Design approach:
+ Not really a fan of image quantity and their placement
+ Timeline of the Company is waay to boring, try to find some inspiration on Dribbble or other sites like this
+ Story that this site is telling is all over the place - try and group the information you want to present,
for example: basic idea of company -> portfolio -> timeline -> FAQs and Contact footer.
General suggestions:
+ Experiment more with colors
+ Experiment with fonts (You can choose some more fancy font for headers and regular font for smaller text)
+ Add some hierarchy for font sizes and weights, you did it well for example in some sections like:
Your Opportunity... or FAQ.
8 replies
KPCKevin Powell - Community
•Created by redcaus1235 on 4/11/2025 in #help
Improvment needed
can you share it as Figma presentation? The picture is way to small.
8 replies
KPCKevin Powell - Community
•Created by Vikrant Tanwar on 4/11/2025 in #help
Anchor links working locally but not when deployed (React)
you can, but
Navlink for example is perfect use case for your navigation bar.
Just read the documentation that I've attached and you should spot benefits easily.21 replies
KPCKevin Powell - Community
•Created by Vikrant Tanwar on 4/11/2025 in #help
Anchor links working locally but not when deployed (React)
also, when you are using React Router use
Links or Navlinks instead of vanilla a elements.
https://reactrouter.com/api/components/NavLink
https://reactrouter.com/api/components/Link21 replies
KPCKevin Powell - Community
•Created by Vikrant Tanwar on 4/11/2025 in #help
Anchor links working locally but not when deployed (React)
@Vikrant Tanwar same here, show work button doesn't work.
I think you messed up Router configuration in
Main.jsx,
you should wrap the paths with ErrorBoundary element.21 replies
KPCKevin Powell - Community
•Created by Karol on 4/10/2025 in #help
Getting the most out of the Book.
yeah it is (Amazon's Kindle), it is a bit laggy and note system seems like beta version at most.
9 replies
KPCKevin Powell - Community
•Created by Karol on 4/10/2025 in #help
Getting the most out of the Book.
I know what you mean,
the book that I am reading is more about writing more 'pythonic' code instead of just pure Python introduction,
I don't want to get stuck in tutorial hell (I made that mistake and ve been there before :v), it is more
of a matter of quickly finding the solution and relevant notes.
Let's say that I am creating some class and I want to remember how to properly implement
abstraction, instead of searching for relative article or going through vast docs, I'd like to quickly
search in my notes (I don't want to rely on these materials all the time, just to reinforce the knowledge,
and being sure that I am using valid source).
9 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
...also thank you kindly for all the input, this was my first post on this channel and I'm glad I tried to post here 🙂
48 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
Didn't even know this existed, but solves my problem 😄
this is way cleaner than adding disabled to every single input.
And is it OK if I put my custom submit Button inside it as well from semantic point of view?
As the name indicates, button is not really a field...
48 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
yes, I know, but there isn't much of an issue here, just need some advice or recommendation for clean solution.
My code is behaving as expected for now. I just figured I might ask here first instead of wasting time to implement some
not so clean solution 🙂
48 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
48 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
one sec, I'll try to draw it so that will explain better.
48 replies
KPCKevin Powell - Community
•Created by Karol on 2/19/2025 in #front-end
Form status message
but that would shrink the outside container. The size isn't fixed now, it is based on the inputs and button size.
48 replies
KPCKevin Powell - Community
•Created by γιαννη on 2/19/2025 in #front-end
Positioning Issues
Why would you force going with flex?
You said you would like to keep it simple but going with flex on your 'fareContainer' div is actually opposite, basically what @dys 🐙 said 🙂
4 replies