A beautifully animated and interactive Birthday Wish App built for a friend to celebrate their special day. This app combines smooth animations, creative components, and a delightful user interface to showcase birthday wishes, pictures, and messages from friends.

• React (with TypeScript) - Component-based UI development.
• Tailwind CSS - For modern, responsive, and customizable styling.
• Framer Motion - For smooth animations.
• GSAP (GreenSock Animation Platform) - To enhance animation effects.
• Shadcn UI - For elegant and reusable components.
• Aetherity UI - To incorporate dynamic, creative components.

• Interactive Navbar: Inspired by Sentry's website, with smooth transitions and navigation.
• Dynamic Birthday Wishes: Beautifully animated display of heartfelt birthday wishes, quotes, and messages.
• Friend Wishes Section: Displays pictures, names, and personalized messages from friends.
• Animated Components:
  • World Map Component: Adds a global theme to the app.
  • Name and Message Display: Smooth animations to highlight the birthday celebrant's name and messages.
• Responsive Design: Fully responsive, ensuring a seamless experience across all devices.

The app utilizes two animation libraries:

1. Framer Motion

   • For smooth component transitions and entrance effects.
   • Adds polished interactivity to UI elements.

2. GSAP (GreenSock)

   • For advanced animations like staggered reveals, text animations, and scaling effects.

Follow the steps below to run the app locally:

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

1. Clone the repository:

   git clone https://github.com/fantastizeey1/shalom.git

2. Navigate to the project folder:

   cd birthday-wish-app

3. Install dependencies:

   npm install

   Or, if you prefer yarn:

   yarn install

4. Start the development server:

   npm run dev

   Or with yarn:

   yarn dev

5. Open your browser and visit:

   http://localhost:3000
   

/src
├── assets/                 # Static images and icons
├── components/            # Reusable React components
│   ├── Navbar.tsx         # Animated Navbar inspired by Sentry
│   ├── WorldMap.tsx       # Interactive world map component
│   ├── FriendWishes.tsx   # Displays friends' wishes and pictures
│   └── BirthdayMessage.tsx # Highlights birthday messages dynamically
├── pages/                 # React pages
│   ├── Home.tsx           # Main landing page
├── styles/                # Tailwind CSS and global styles
├── utils/                 # Utility functions/helpers
└── App.tsx                # Main app component

This app was built to celebrate a close friend in a unique and heartwarming way. It brings together innovative designs, creative components, and captivating animations to make the birthday experience truly special.

• React Icons: For beautiful icons.
• Shadcn UI & Aetherity UI: For modern components.
• Framer Motion & GSAP: For high-quality animations.

You can view the app here: Live Demo

• Add a music player for background tunes.
• Include a countdown timer for the birthday.
• Implement more interactive friend wish cards.

Built with ❤️ by [Your Name]

• Portfolio: Your Portfolio Link
• LinkedIn: Your LinkedIn
• GitHub: Your GitHub

This project is open-source and licensed under the MIT License.

"A small project with big love for a special someone 🎂✨."