Code Monkey home page Code Monkey logo

restaurante's Introduction

Restaurante Pagina Web


Cosas por hacer

  • Reservaciones
  • Poner iconos
  • Responsive
  • Boton WhatsApp para contacto

Preparación e istalación

  • Tener instalado la ultima version de NodeJS

Tecnologias utilizadas

  • HTML
  • CSS
  • JS Y TS
  • NodeJS
  • Firebase (Firestore y Auth)

Instalación

En la carpeta del repositorio ejecutar el comando: npm i

Para instalar todas las dependencias de la aplicación. Las dependencias son las necesarias para trabajar con la base de datos de Firebase y similares.

Ejecución

Al tener todos las dependencias instaladas, se pasa a ejecutar el siguiente comando para preparar el servidor de desarrollo donde se actualizaran los cambios locales en tiempo real.

npm run dev

Diseño

Note

Se uso el siguiente diseño de referencia Figma

Selección_058

Forma de trabajo

Se tendra que crear un Fork de este repositorio. Ahi se haran las modificaciones para luego pasarlas a la version final. El deploy se hara en vercel.com, esto nos permitira ver una preview de como quedaran los cambios en la pagina sin necesidad de hacer la PR a la rama principal. La rama de desarrollo sera la rama dev. Para acceder a ella usa el comando git checkout dev

¿Como hacer un commit al repositorio?

Una vez teniendo el fork del repositorio, lo clonaras en tu maquina y haras todos los pasos de instalación y ejecución de la pagina web. Para hacer un cambio primero tienes que estar en la rama dev, como antes dicho. Una vez ahi puedes hacer los cambios que quieras. Para hacer un commit es necesario saber lo siguiente, que cosas vas a cambiar y el porque. Si modificaste 5 archivos pero la funcionalidad nueva solo funciona con 3, es mejor solo agregar los 3 archivos al commit y los demas dejarlos fuera hasta que sean necesarios.

Para agregar un archivo al commit se usa el siguiente comando git add nombre_del_archivo.extension. Asi con todos los archivos necesarios, una vez teniendo hecho esto podemos pasar a crear el commit con el siguiente comando. git commit -m "Descripcion del commit" En la descripcion escribir cuales son los cambios de manera corta

Teniendo este commit pasamos a pasar los cambios de manera global a la rama dev con el comando git push origin dev De esta forma subimos los cambios al repositorio en github, para todos aquellos que esten trabajando en la apliacion

Siempre que alguien haga un push a la rama dev, es necesario antes de modificar algun archivo de la pagina realizar un pull, es decir, traer todos los cambios nuevos hechos por los demas. Con el siguiente comando git pull origin dev Con esto le decimos que nos de los nuevos cambios en la rama dev.

restaurante's People

Contributors

rogeliolb 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.