Skip to content

Repository files navigation

Dev-United App

Es una aplicación web que simula una red social, estilo Twitter, pero orientada a programadores. El front-end está construido con React y el back-end fue desarrollado con Firebase. Se utilizó Git para el control de versiones.

Comenzando 🚀

Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento, en tu máquina local, para propósitos de desarrollo.

Pre-requisitos 📋

  • Tener familiaridad en el uso de HTML, CSS y Javascript.
  • Tener Node.js instalado en tu computadora. Se recomienda utilizar la versión de soporte a largo plazo: LTS, por sus siglas en inglés (https://nodejs.org/es/).

Obtén el repositorio ⬇

Puedes descargar el ZIP o clonar el repositorio usando Git. Después, ábrelo con tu IDE favorito.

Configura el entorno 💻

Escribe los siguientes comandos en la terminal:

npm install

Instala o reinstala los módulos de Node.js.

npm start

Ejecuta la aplicación en modo de desarrollo.
Abre http: // localhost: 3000 para ver la app en el navegador.

Aprende más

Cómo comenzar un proyecto en React: https://es.reactjs.org/tutorial/tutorial.html
Documentación de React: https://es.reactjs.org/docs/getting-started.html
Documentación de Git: https://git-scm.com/docs

Organización del código ✅

El directorio "src" aloja todos los componentes desarrollados para la aplicación, junto con los recursos necesarios para su buen funcionamiento:

  • Assets: contiene las imágenes y las fuentes.
  • Components: contiene la carpeta de cada componente por separado. Esta, a su vez, tiene en su interior el archivo .js y la hoja de estilo que corresponde al componente en cuestión.
  • Context: posee el contexto que envuelve a la aplicación completa. Este, captura y traspasa la información del usuario logueado y sus publicaciones, a todos los componentes de la aplicación.
  • Firebase: contiene un archivo .js, el cual, integra la base de datos de Firebase con la aplicación e importa todas las funcionalidades necesarias para ejecutarla.
  • Helpers: tiene dentro archivos .js con funciones y listas que ayudan a realizar tareas específicas dentro de los componentes.

A fin de facilitar el entendimiento del código, dentro de los archivos encontrarás comentarios explicativos relacionados con el objetivo de las principales funcionalidades del proyecto.

Autora 🙋‍♀️

Este proyecto fue elaborado como una entrega final del Programa Intensivo Desarrollo Web Front-End de Acámica, quienes realizaron y entregaron la ideación y el diseño creativo de la aplicación.

Agradecimientos 🤝

  • A Ariel Peña, desarrollador y profesor en el Programa Intensivo Desarrollo Web Front-End de Acámica (https://github.com/ArielPenna).
  • A todo el equipo que paticipó en el curso, por el trabajo colaborativo y su disposición a ayudar.
  • A Globant, la empresa auspiciadora del Programa Intensivo Desarrollo Web Front-End.

About

✊ Aplicación construida con React y Firebase, que simula una red social, estilo Twitter, pero orientada a programadores.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages