Skip to content

MDCYT/Simple-Node-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

51 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple-Node-Website

GitHub stars GitHub issues GitHub license Twitter

Este proyecto de GitHub esta diseñado para que cualquier persona lo use como base para crear sus propias paginas web o proyectos como deseen.

Tambien puedes probarlo desde este link.

Secciones:

Aqui encontraras secciones utiles de como user este proyecto de GitHub:

Instalación

Antes que nada debes asegurar que tienes como minimo Node.js 12 (Pruebas con el sitio web fueron hechos con Node.js 12, cualquier error con versiones anteriores no se contaran.)

Primer paso:

Clonar el respositorio.

$ git clone https://github.com/MDCYT/Simple-Node-Website.git

Luego de eso debemos entrar a la carpeta del proyecto de GitHub.

$ cd Simple-Node-Website

Luego de entrar a la carpeta del Proyecto debemos instalar modulos NPM, para eso usaremos el siguiente comando.

$ npm install

Ahora iniciaremos el proyecto, tenemos 2 formas de iniciarlo, con Nodemon (Cuando editas algo del proyecto el proyecto automaticamente se reincia sin cerrar y volver abrir la terminal, para usareste metodo debes instalar Nodemon npm install nodemon -D) o con Node.

Node

$ npm start

Nodemon

$ npm run dev

Ahora puedes entrar a localhost:3000 para explorar el proyecto.

Configuraciones

Actualmente tienes algunas opciones de configuraciones que puedes ponerle al proyecto para perzonalizarlo a tu gusto.

Primero debemos cambiar el nombre del archivo .env.example por .env

El archivo .env se debe ver algo asi

#Aqui podras cambiar el puerto del proyecto
PORT=3000
#Aqui podras cambiar si quieres quetu proyecto tenga redirección https o no
SSL=false

Usos

Aqui se mostrara los usos que le puedes dar a las funciones del proyecto.

Las cuales puedes experimentar en el menu que sale en el proyecto.

Imagen del menú

Imagenes Randoms

Aqui encontraremos la primera sección del proyecto, donde la función de esta sección es mostrar de forma aleatoria imagenes randoms de animales.

Imagen del menú de imagenes

Perros Randoms

En esta sección mostrara imagenes de perros randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Perrito

Gatos Randoms

En esta sección mostrara imagenes de gatos randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Gatito

Aves Randoms

En esta sección mostrara imagenes de aves randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Ave

Zorros Randoms

En esta sección mostrara imagenes de zorros randoms bonitos cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Zorro Bonito UwU

Osos Randoms

En esta sección mostrara imagenes deosos randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Oso

Koalas Randoms

En esta sección mostrara imagenes de koalas randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Koala

Pandas Randoms

En esta sección mostrara imagenes de pandas randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Panda

Pandas Rojos Randoms

En esta sección mostrara imagenes de pandas rojos (Panda vermelho) randoms cada vez que recargues la pagina o le des al boton de recargar.

Imagen de un Panda Rojo

Convertidor Binario

En esta seccion podras convertir eltexto en binario o viceversa, como tu desees, algo simple, pero funcional.

Imagen de antes

Imagen de despues

Traductor

En esta seccionveras un pequeño dicionario que puede funcionar de 2 formas, del modo de pagina web y del modo de API REST.

Para entrar a la pagina web debes poner /translate y para entrar en la version API REST debes entrar en /translate.json

Forma de Pagina Web

Desde la pagina web puedes seleccionar el idioma de entrada y salida del traductor (Las cuales de ampliaran pronto).

Imagen de traductor

Forma de API REST

Desde unos query con la forma de ?entrada=[Idioma de entrada]&salida=[Idioma de salida]&text=[Texto a Traducir]

Los idiomas deben estar en formato ISO 639-1 los cuales puedes encontrar en esta lista.

Imagen de despues