Skip to content

studio-a1/julio-cesar-thor

Repository files navigation

Julio César THOR - Artist Crypto Page

This project is a sleek, modern web page for the musical artist Julio César THOR. It features a dynamic video background, social media links, and a simulated music store where users can 'purchase' tracks with cryptocurrency and download them.

Features

  • Dynamic Video Background: An engaging, abstract video loop sets the mood.
  • Artist Branding: Clear and bold artist name and tagline.
  • Social Media Integration: Easy access to the artist's social profiles.
  • Music Store: A list of tracks from the "Cosmosonic" collection.
  • Audio Previews: Users can play a 30-second preview of each track with a fade-out effect.
  • Simulated Crypto Purchase: A modal simulates a wallet connection and purchase process using various blockchains.
  • Track Download: After a successful "purchase," users can download the full MP3 file.
  • NFT Collection Showcase: A dedicated section with a QR code and link to the artist's OpenSea NFT collection.
  • Responsive Design: The layout is fully responsive and looks great on all devices.

Tech Stack

  • Frontend: React, TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS (via CDN)

Running the Project Locally

  1. Clone the repository:

    git clone <repository-url>
    cd <repository-directory>
  2. Install dependencies: You'll need Node.js and npm (or yarn/pnpm) installed.

    npm install
  3. Run the development server:

    npm run dev
  4. Open your browser and navigate to the local server address shown in the terminal (e.g., http://localhost:5173).


This project was developed with the assistance of a world-class AI frontend engineer.