What is Steve Jobs Landing

steve-jobs-landing is a modern and functional landing page dedicated to Steve Jobs, created using Claude MCP from Anthropic. It showcases Jobs’ life and legacy through an interactive and visually appealing design.

Use cases

Use cases include creating a personal website for a tech enthusiast, developing a project for a web development course, or launching a tribute site for Steve Jobs during events or anniversaries related to his contributions.

How to use

To use steve-jobs-landing, clone the repository, install dependencies using npm, and run the development server. For production, build the project using npm run build.

Key features

Key features include a responsive design, smooth animations, an interactive timeline of Steve Jobs’ life, a legacy section with a grid layout, an automatic quote carousel, SEO optimization, and full typing with TypeScript.

Where to use

steve-jobs-landing can be used in educational contexts, personal portfolios, or as a tribute page for Steve Jobs, making it suitable for websites that focus on technology, innovation, and influential figures.

Steve Jobs Landing Page - Creada con Claude MCP

🤖 Generada con IA

Este proyecto fue creado íntegramente utilizando Claude (MCP - Multimodal Chat Programming) de Anthropic. La interacción con la IA permitió generar una landing page moderna y funcional sobre Steve Jobs.

🛠️ Proceso de Creación

1. Recopilación de Información

   • Se utilizó la API de Brave Search a través de Claude para obtener información precisa sobre Steve Jobs
   • La IA procesó y estructuró la información en secciones relevantes

2. Desarrollo del Proyecto

   • Claude generó la estructura completa del proyecto
   • Creó componentes React con TypeScript
   • Implementó estilos CSS modernos y responsivos
   • Manejó la creación de archivos y directorios

3. Componentes Principales

   • Hero Section con animaciones
   • Timeline interactivo de la vida de Jobs
   • Sección de Legado
   • Carrusel de citas célebres
   • Navegación responsive

🚀 Tecnologías Utilizadas

• React
• TypeScript
• Parcel (bundler)
• CSS3 con animaciones
• Sistema de componentes modular

📁 Estructura del Proyecto

```
steve-jobs-landing/
├── src/
│ ├── components/
│ │ ├── Hero.tsx
│ │ ├── Timeline.tsx
│ │ ├── Legacy.tsx
│ │ ├── Navigation.tsx
│ │ └── QuoteCarousel.tsx
│ ├── App.tsx
│ ├── index.tsx
│ ├── styles.css
│ ├── types.ts
│ └── constants.ts
├── public/
├── package.json
├── tsconfig.json
└── README.md
```

🔧 Instalación y Uso

1. Clonar el repositorio
   ```bash
   git clone [URL del repositorio]
   ```

2. Instalar dependencias
   ```bash
   npm install
   ```

3. Ejecutar en desarrollo
   ```bash
   npm start
   ```

4. Construir para producción
   ```bash
   npm run build
   ```

⚡ Características

• Diseño responsive
• Animaciones suaves
• Timeline interactivo
• Sección de legado con grid
• Carrusel de citas automático
• Optimizado para SEO
• Tipado completo con TypeScript

🤝 Contribución

Este proyecto fue generado con IA pero está abierto a contribuciones humanas. Si deseas mejorar algo:

1. Haz fork del repositorio
2. Crea una rama para tu feature
3. Commit y push de tus cambios
4. Crea un Pull Request

📝 Proceso con Claude MCP

El proyecto fue creado a través de una conversación interactiva con Claude, donde:

1. Se solicitó información sobre Steve Jobs
2. Se generó la estructura del proyecto
3. Se crearon los componentes necesarios
4. Se implementaron los estilos
5. Se manejaron errores y optimizaciones
6. Se finalizó con la documentación

La capacidad de Claude para manejar múltiples archivos y generar código coherente permitió crear una aplicación completa y funcional en una sola sesión.

📄 Licencia

MIT

🔍 Nota sobre la IA

Este proyecto demuestra el potencial de la IA (Claude/MCP) para:

• Generar código funcional y tipado
• Crear diseños modernos y responsivos
• Manejar la estructura de proyectos complejos
• Proporcionar documentación clara y concisa
• Resolver problemas en tiempo real

Creado con 💻 por Claude MCP - Anthropic