Links administrator made with React by Jonatandb.
Demo online: https://jonatandb.github.io/LinksAdmin/
- Descargar el repo
- Descomprimir
- Entrar a la carpeta del proyecto y ejecutar:
- yarn
- yarn start
- Acceder desde el navegador a: http://localhost:3000/
- Ejecutar:
- yarn build
- Se generará en la carpeta "build"
Renombré la carpeta "build" con la versión productiva a "docs" (Como Github Pages requiere) y seleccioné en la configuración del repositorio, en la sección "Github Pages" la opción "master branch /docs folder".
Por último, agregué en el archivo package.json la url final en la propiedad homepage:
"homepage": "https://jonatandb.github.io/LinksAdmin/",
Se puede ver la versión online accediendo a:
- Crear proyecto -> Especificar un nombre
- Información general del proyecto -> Configuración del proyecto
- Sección "Tus aplicaciones" -> Click en "Web" para añadir Firebase a una aplicación Web
- Especificar nombre de la aplicación
- Click en "Registrar aplicación"
- Copiar código de configuración para conexión de la aplicación con Firebase.
- Ir a Database -> Crear base de datos
- Seleccionar "Empezar con el modo de prueba" (En el modo producción solo pueden modificar los datos usuarios autenticados)
- Click en Siguiente -> Listo
This repo:
React & Firebase Firestore CRUD:
Firebase:
Favicon.io:
DotEnv:
Deploy Firebase Apps to Different Environments:
Adding Custom Environment Variables:
dotenv-webpack:
Is it safe to expose Firebase apiKey to the public?:
Bootstrap:
Bootswatch:
Bootswatch Cyborg Theme:
Bootswatch on NPM:
Materialize - Icons:
Bootstrap - Grid system:
A Complete Guide to Flexbox:
Disable zoom on input focus in Android webpage:
Bootstrap - Justify content:
ReactJS and images in public folder:
Bootstrap - Vertical alignment:
React-toastify:
Bootstrap - Colors:
Javascript regular expression to validate URL: