Skip to content
Submitted 6 months ago

Blog Preview Card - React, TS, Ant Design, TailwindCSS

#accessibility#react#tailwind-css#typescript#vite
Aakash Verma•9,520
@skyv26
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time? What I'm Most Proud Of
  • React Skills: Successfully practiced TypeScript and Ant Design (antd) with bundler integration.
  • Front-End Mentor Challenges: Getting back to solving challenges I enjoyed before.
What I'd Do Differently Next Time
  • Consistency: Maintain a regular practice schedule to avoid long breaks.
  • Project Planning: Plan and track progress more effectively to stay focused.
What challenges did you encounter, and how did you overcome them? Challenges Encountered
  • React Flickering Issue: Faced issues with flickering due to event handling.
  • Dynamic Content Updates: Needed to implement useContext for changing content dynamically.
How I Overcame Them
  • React Flickering Issue: Resolved by debugging event handling and optimizing component re-renders.
  • Dynamic Content Updates: Implemented useContext effectively to manage and update content in real-time.
What specific areas of your project would you like help with? Areas Where I Need Help
  • Complex State Management: Assistance with optimizing state management in React using useContext.
  • Ant Design Issues: Help resolve UI component issues and improve integration with React.
  • Advanced TypeScript Integration: Guidance on leveraging TypeScript more effectively in React projects.

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord