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.
Aqui encontraras secciones utiles de como user este proyecto de GitHub:
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.gitLuego de eso debemos entrar a la carpeta del proyecto de GitHub.
$ cd Simple-Node-WebsiteLuego de entrar a la carpeta del Proyecto debemos instalar modulos NPM, para eso usaremos el siguiente comando.
$ npm installAhora 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 startNodemon
$ npm run devAhora puedes entrar a localhost:3000 para explorar el proyecto.
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=falseAqui 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.
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.
En esta sección mostrara imagenes de perros randoms cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes de gatos randoms cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes de aves randoms cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes de zorros randoms bonitos cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes deosos randoms cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes de koalas randoms cada vez que recargues la pagina o le des al boton de recargar.
En esta sección mostrara imagenes de pandas randoms cada vez que recargues la pagina o le des al boton de recargar.
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.
En esta seccion podras convertir eltexto en binario o viceversa, como tu desees, algo simple, pero funcional.
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
Desde la pagina web puedes seleccionar el idioma de entrada y salida del traductor (Las cuales de ampliaran pronto).
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent