AllExpenses App

PWA hecha con ReactJS, lleva el registro de tus gastos. 💵

Ver Demo

📔 Tabla de Contenidos

• 📔 Tabla de Contenidos
  • 🌟 Acerca del proyecto
    • 📷 Gif de presentación
  • 👾 Tecnologías usadas
  • Comenzando con el proyecto.
    • Requisitos
    • 🏃 Correr el proyecto localmente

🌟 Acerca del proyecto

📷 Gif de presentación

👾 Tecnologías usadas

• React.js
  • Esta aplicación está construida en ReactJS, versión 18. Es la biblioteca de JavaScript que más me gusta.
• React Router v6
  • React por sí mismo, no tiene un sistema de navegación, por lo que elegí React Router en su versión 6. El hecho de ser la librería más usada para navegación, me da la ventaja de poder contar con una gran documentación para facilitar el desarrollo.
• ViteJS
  • Este proyecto se construyó usando ViteJS.
• Firebase
  • Firebase es una herramienta que provee Google, me permitió crear una base de datos lo suficientemente completa para alojar gastos, y otros datos del usuario, los cuales se guardan completamente encriptados.
• Netlify
  • Netlify es una herramienta de hosting y servicios backend que me permitió hacer un deploy de mi proyecto de forma gratuita y sencilla.
• Tailwind CSS
  • Tailwind CSS es un framework de estilos que me permitió hacer una interfaz detallada y prolija de forma rápida y sencilla, permitiéndome una maquetación óptima y estilos minimalistas en poco tiempo.
• MomentJS, CryptoJS, ChartJS etc.

Comenzando con el proyecto.

Requisitos

Este proyecto usa npm para la instalación de dependencias, por lo que si no tienes instalado el paquete npm, debes instalarlo antes de continuar.

 npm install -g npm

🏃 Correr el proyecto localmente

Clonar el proyecto:

  git clone https://github.com/dalessandro07/control-gastos.git

Ir al directorio del proyecto:

  cd control-gastos

Instalar las dependencias:

  npm install

Correr el servidor:

  npm start