An open API service indexing awesome lists of open source software.

https://github.com/azael1412/xlevel-landing-page


https://github.com/azael1412/xlevel-landing-page

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

          

# XLEVEL Landing Page

This is the landing page for **XLEVEL**, built with **React**, **Vite**, **Tailwind CSS v4**, and **TypeScript**.

Live demo: [https://xlevel-landing-page.vercel.app/](https://xlevel-landing-page.vercel.app/)

## Technologies Used
- **React 19** (with TypeScript)
- **Vite** for fast development environment
- **Tailwind CSS v4** for styling

## Design Reference

The design for this landing page was inspired by a [Figma design](https://www.figma.com/design/1fbwqtuKWv1PCD34wgys4c/Fitness-%26-Health-landign-page-(Community)?node-id=1-29).

## How to Run Locally

Follow these steps to run the project on your local machine:

1. **Clone the repository**
```bash
git clone https://github.com/azael1412/xlevel-landing-page.git
```

2. **Navigate into the project directory**
```bash
cd xlevel-landing-page
```

3. **Install dependencies**
```bash
npm install
```

4. **Run the project**
```bash
npm run dev
```

5. Open your browser and go to `http://localhost:3000` to see the landing page running locally.

---

# Página de Aterrizaje XLEVEL

Esta es la página de aterrizaje para **XLEVEL**, construida con **React**, **Vite**, **Tailwind CSS v4**, y **TypeScript**.

Demostración en vivo: [https://xlevel-landing-page.vercel.app/](https://xlevel-landing-page.vercel.app/)

## Tecnologías Usadas
- **React 19** (con TypeScript)
- **Vite** para un entorno de desarrollo rápido
- **Tailwind CSS v4** para los estilos

## Referencia de Diseño

El diseño de esta página de aterrizaje fue inspirado por un [diseño en Figma](https://www.figma.com/design/1fbwqtuKWv1PCD34wgys4c/Fitness-%26-Health-landign-page-(Community)?node-id=1-29).

## Cómo Ejecutarlo Localmente

Sigue estos pasos para ejecutar el proyecto en tu máquina local:

1. **Clonar el repositorio**
```bash
git clone https://github.com/azael1412/xlevel-landing-page.git
```

2. **Navegar al directorio del proyecto**
```bash
cd xlevel-landing-page
```

3. **Instalar dependencias**
```bash
npm install
```

4. **Ejecutar el proyecto**
```bash
npm run dev
```

5. Abre tu navegador y accede a `http://localhost:3000` para ver la página de aterrizaje corriendo localmente.