Web-tech-Greeting-Cards Tailwind Templates

Web Tech Greeting Cards

A simple React application built with Vite and styled using Tailwind CSS. This project demonstrates the use of React functional components and props, focusing on creating reusable components and building responsive, modern UI designs.

Greeting Cards 🎉

A simple React application built with Vite and styled using Tailwind CSS. This project showcases the creation of reusable components, the use of props for data sharing, and responsive design using modern CSS utilities.

🚀 Features

  • Reusable Components:
    • GreetingCard: Displays a title and a message in a styled card.
    • Header: A welcoming heading at the top of the application.
    • App: The main component that combines and organizes the cards dynamically.
  • Responsive Design: Fully adaptable to different screen sizes using Tailwind CSS.
  • Interactive UI: Subtle hover effects on cards for an enhanced user experience.
  • Modern Styling: Clean layout with soft colors, shadows, and rounded corners.

🛠️ Built With

  • React: For building dynamic and interactive user interfaces.
  • Vite: A fast and efficient build tool for modern front-end development.
  • Tailwind CSS: For quick and customizable styling.

📷 Screenshot

📚 What I Learned

This project was a practical learning experience in:

  • Setting up a React application using Vite.
  • Building and reusing React functional components.
  • Passing data dynamically via props.
  • Implementing responsive and attractive designs with Tailwind CSS.

🏗️ Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

  • Node.js (v14 or later)
  • npm or yarn

Installation

  1. Clone the repository: ```bash git clone https://github.com/your-username/greeting-cards.git cd greeting-cards

Top categories

Loading Svelte Themes