Obama Foundation Clone Page Development

Abhishek

Abhishek Kaushal

๐ŸŒ 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

Install dependencies with pnpm
pnpm install
Set up environment variables Create a .env file in the root and add:
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.
Like this project

Posted Jul 25, 2025

Developed a responsive clone of the Obama Foundation site using React and Tailwind CSS.

Likes

0

Views

0

Timeline

Jul 2, 2025 - Jul 8, 2025