BibleApp es una aplicación web para explorar la Biblia utilizando la API de API.BIBLE. El proyecto está construido con React, Vite, TypeScript, Tailwind CSS, ShadCN.
Puedes ver la aplicación en producción en el siguiente enlace:
- React: Librería para la construcción de interfaces de usuario.
- Vite: Herramienta de construcción rápida para proyectos de frontend.
- TypeScript: Superset de JavaScript que agrega tipado estático.
- Tailwind CSS: Framework de diseño de CSS para crear interfaces personalizadas.
- ShadCN: Conjunto de componentes UI listos para usar con Tailwind CSS.
- Axios: Cliente HTTP para realizar solicitudes a la API.
- API.BIBLE: API que proporciona acceso a versiones y datos de la Biblia.
- Supabase: plataforma de backend como servicio (BaaS) de código abierto que facilita la creación de aplicaciones al ofrecer servicios como bases de datos relacionales (usando PostgreSQL), autenticación de usuarios, almacenamiento de archivos, y funcionalidades en tiempo real.
Antes de comenzar, asegúrate de tener las siguientes herramientas instaladas en tu máquina:
- Node.js (v14 o superior)
- Yarn (gestor de dependencias)
-
Clona el repositorio en tu máquina local:
git clone https://github.com/campus-uml/BibleApp---Alex/tree/main
-
Accede a la carpeta del proyecto:
cd bibleapp
- Instala las dependencias usando Yarn:
yarn install
- Crea un archivo .env en la raíz del proyecto con las siguientes variables de entorno:
VITE_API_URL=https://api.scripture.api.bible/v1
VITE_API_KEY= tu-api-key
VITE_API_SUPABASE_URL= dirección de tu proyecto de Supabase
VITE_API_SUPABASE_ANON_KEY= clave anónima proporcionada por Supabase
Asegúrate de reemplazar y con los valores correctos proporcionados por la API de API.BIBLE.
Ejecución del proyecto
Para ejecutar el proyecto en modo de desarrollo:
yarn dev
Esto iniciará el servidor en http://localhost:5173.
Construcción para Producción
Para crear una versión optimizada del proyecto para producción:
yarn build
Esto generará los archivos de producción en la carpeta dist.
:)