VRChat Redesign

Overview

This project is a redesign of the VRChat login interface, built using modern web technologies including HTML, CSS, JavaScript, and Tailwind CSS. The application features a responsive design and dynamic background images that change every 10 seconds.

Features

• Responsive layout
• Dynamic background images
• User-friendly login form
• Tailwind CSS for styling

Technologies Used

• HTML
• CSS (Tailwind CSS v3.4.3)
• Vite v5.2.0 (for development and build)

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (version 14 or later)
• A package manager of your choice, here pnpm was used (I would recommend using npm, good ol reliable)

Installation

1. Clone the repository:

   git clone https://github.com/RemKiovo/vrchat-redesign.git

2. Navigate to the project directory:

   cd vrchat-redesign

3. Install the dependencies:

   npm install

Running the Development Server

To start the development server, run the following command:

npm run dev

This will start the Vite development server, and you can view the application in your browser at http://localhost:3000.

Building for Production

To build the project for production, use the following command:

npm run build

This will create a dist directory with the production-ready files.

License

This project is licensed under the MIT License.