Code-Screenshot

Code Screenshot React Project con Tailwind CSS and ShadCN UI

Descripción

Este proyecto está creado con el objetivo de construir un clon de Ray.so, una poderosa herramienta para compartir fragmentos de código. Utilizando las tecnologías de React, Tailwind CSS y ShadCN UI, podrás diseñar y desarrollar una interfaz de usuario impresionante. El proyecto te permitirá capturar capturas de pantalla de tu código fuente y compartirlas en tus plataformas de redes sociales favoritas. Con más de 10 temas elegantes, más de 12 estilos de fuente y múltiples opciones de personalización, podrás crear capturas de pantalla hermosas y personalizadas.

Que contiene

Este proyecto contiene un clon completamente funcional de Ray.so con todas las características principales como React con Tailwind CSS y ShadCN UI, manejar el estado global con Zustand y crear un editor de código React con resaltado de sintaxis y múltiples temas. con interfaces de usuario elegantes utilizando Tailwind CSS y ShadCN UI. El proyecto también incluye opciones de personalización para adaptarlo a tus necesidades específicas.

Cómo iniciar

Para comenzar con este proyecto, asegúrate de tener instalado Node.js en tu máquina. Luego, clona el repositorio del proyecto desde GitHub y ejecuta npm install para instalar las dependencias necesarias. Una vez que hayas instalado las dependencias, puedes ejecutar npm start para iniciar la aplicación en tu navegador.

Imagen

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh