Code Monkey home page Code Monkey logo

daniela-sotillo_dev-united's Introduction

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.

daniela-sotillo_dev-united's People

Contributors

dsotilloi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.