misicode / DictionaryApp

Dictionary web application developed with React, Vite and TypeScript. Tested with Sonarqube.

Home Page:https://ws-dictionary.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Workshop: Dictionary App

📚 Acerca del Proyecto

Aplicación de diccionario que permite realizar la búsqueda de palabras en inglés. Muestra su pronunciación, distintos significados, ejemplos, sinónimos e imágenes asociadas a la palabra.

📸 Capturas

💻 Instalación y configuración

Clone este repositorio y ejecute el siguiente comando para instalar todos los paquetes que utiliza el proyecto, necesitará tener node y npm instalados globalmente en su equipo.

npm install

En la raíz del proyecto cree el archivo .env como copia del archivo .env.template y complete los variables de entorno con sus valores propios.

# PEXELS
VITE_PEXELS_API_KEY=your_pexels_api_key

Según su necesidad puede ejecutar cualquiera de los siguientes comandos:

  • Para ejecutar el proyecto en modo desarrollo:

    npm run dev
    
  • Para construir el proyecto para producción:

    npm run build
    
  • Para evaluar el código fuente:

    npm run sonar
    

🛠️ Desarrollado con

Tecnología Uso
React Biblioteca de JavaScript para construir las interfaces de usuario
Vite Herramienta de Frontend para construir el proyecto más sencillo y rápido
TypeScript Lenguaje de programación fuertemente tipado para escribir código
CSS3 Lenguaje de diseño gráfico para aplicar estilos a las pantallas
SonarQube Plataforma para evaluar el código fuente

📝 Créditos

La idea de este proyecto surgió como iniciativa del workshop "SheCodes React", de SheCodes. Para obtener más información detallada de este programa visite el siguiente enlace.

About

Dictionary web application developed with React, Vite and TypeScript. Tested with Sonarqube.

https://ws-dictionary.netlify.app/

License:MIT License


Languages

Language:TypeScript 56.3%Language:CSS 40.3%Language:HTML 1.8%Language:JavaScript 1.6%