๐ Obama Foundation Clone Page
This is a responsive and animated clone of the Obama Foundation built using React, Tailwind CSS, and Framer Motion etc.
๐ Features
Smooth scroll-based animations with Framer Motion
Fully responsive layout with Tailwind CSS
Reusable SEO component
Animated statistics counter
React Router for client-side navigation
Clean and accessible design
โ๏ธ Tech Stack
pnpm for package management
๐ ๏ธ Installation
1. Clone the repository
git clone https://github.com/kaushalji451/BarackObama.git cd frontend/backend
Install dependencies with pnpm
pnpm install
Set up environment variables Create a .env file in the root and add:
VITE_API_URL=http://localhost:8080
Start the development server for frontend pnpm run dev
Start the development server for backend
navigate to /backend/src
nodemon app.js
๐งช Scripts Command Description pnpm run dev Run development server pnpm build Build for production pnpm preview Preview production build
๐ License This project is for educational purposes only. Not affiliated with the Obama Foundation.
๐ Contributing Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
0 likes ยท 6 views ยท Jul 25, 2025
Developed a responsive clone of the Obama Foundation site using React and Tailwind CSS.
Timeline
Jul 2, 2025 - Jul 8, 2025