Skip to content

Shop With Elon Musk - Funny way for showcasing useState skills, made with react | vite | tailwind

Notifications You must be signed in to change notification settings

0xjulius/react-usestate-training

Repository files navigation

React useState Training made with React, Vite, Tailwind

Simple online store test with one random product.

Website live: https://shopwithelon.vercel.app

Key learnings from this small project:

  • React State Management: Utilizing useState to manage state within functional components, enabling dynamic user interaction.
  • Integration of External Assets: Importing and incorporating external assets like images (Img1) and icons (FaGithub) into React components seamlessly.
  • Conditional Rendering: Implementing conditional logic ({count > 0 && ...}) to selectively render components based on state, enhancing user interface responsiveness.
  • Responsive Design with Tailwind CSS: Leveraging Tailwind CSS classes (flex, items-center, justify-center) for responsive and visually appealing layout design.
  • Accessibility and Best Practices: Ensuring accessibility with semantic HTML (button, footer), proper alt attributes for images, and secure external links (rel="noopener noreferrer").

screenshot

About

Shop With Elon Musk - Funny way for showcasing useState skills, made with react | vite | tailwind

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages