PIXEL-ME

A futuristic and immersive showcase platform for creative digital assets, Blender toolkits, architecture resources, shaders, AI prompts, templates, and artistic packs.

Built with pure HTML, CSS, and JavaScript — featuring animated hero carousel, responsive card layouts, cinematic gradients, and a modern glassmorphism-inspired interface.

---

Live Demo

https://leallara.github.io/pixel-me/

Repository

https://github.com/LealLara/pixel-me

---

Features

• 🌌 Animated Hero Carousel
• 🧊 Modern Glassmorphism UI
• 🎨 Responsive Project Cards
• 🖼️ Image Galleries per Project
• ⚡ Pure Vanilla JavaScript
• 📱 Fully Responsive Design
• 🌠 Dynamic Gradient + Star Background
• 🔗 External Product Links
• 🚀 GitHub Pages Deployment

---

Interface

Hero Section

• Automatic slideshow
• Fullscreen visual banners
• Gradient overlay
• Call-to-action buttons

Projects Grid

• Dynamic rendering from JavaScript array
• Responsive auto-fit grid
• Hover animations
• Embedded image galleries

---

Technologies

• HTML5
• CSS3
• JavaScript (Vanilla)
• GitHub Pages

---

Project Structure

pixel-me/
│
├── index.html
├── styles.css
├── app.js
└── README.md

---

How It Works

All projects are stored inside a JavaScript array:

const projects = [
  {
    title: "Project Name",
    description: "Description",
    thumbnail: "image-url",
    gallery: ["img1", "img2"],
    link: "product-link"
  }
];

The application dynamically generates:

• Hero carousel slides
• Project cards
• Gallery thumbnails
• External buttons

---

Running Locally

Clone the repository:

git clone https://github.com/LealLara/pixel-me.git

Open the folder:

cd pixel-me

Run locally by opening:

index.html

Or use VSCode Live Server.

---

Deploy on GitHub Pages

1. Open repository settings

2. Go to: Settings → Pages

3. Select:

   • Source → Deploy from branch
   • Branch → main
   • Folder → /(root)

4. Save and wait a few minutes

Your site will be available at:

https://yourgithubusername.github.io/pixel-me/

---

---

Design Inspiration

• Cyberpunk interfaces
• Digital marketplaces
• Neon gradients
• Space aesthetics
• Modern portfolio platforms

---

Responsive Experience

Optimized for:

• Desktop
• Tablet
• Mobile devices

---

Author

Made with creativity by Lara Leal.

GitHub: https://github.com/LealLara

---

Support

If you liked this project:

• Star the repository
• Share the project
• Fork and customize it

---

License

This project is open source and available under the MIT License.