Giter Site home page Giter Site logo

iqrivas / savemymoney Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 1.0 131 KB

SaveMyMoney is a web application created to help users to track monthly transactions such as expenses and incomes.

Home Page: https://savemymoney.vercel.app/

JavaScript 37.60% HTML 28.09% CSS 34.31%
firebase vanilla-js css expense-tracker platzimaster platzi-master

savemymoney's Introduction

Web App

  • SaveMyMoney is a web application created to help users to track monthly transactions such as expenses and incomes.
  • This application was created using HTML, CSS, JavaScript (Vanilla) and Firebase.

Demo

Here you can find the app demo: https://savemymoney.vercel.app/

Built with

  • HTML
  • CSS
  • JavaScript (Vanilla)
  • Firebase

How does it work?

Diagram for loading the app

Diagram for adding or deleting transactions

Made with ❤️ By:

Denisse Rivas | David Galeano

savemymoney's People

Contributors

davidgdev avatar iqrivas avatar

Watchers

 avatar  avatar  avatar

Forkers

davidgdev

savemymoney's Issues

Feedback code review

Hola!

Hemos realizado la revisión de tu repositorio y hemos encontrado los siguientes puntos de mejora :)

Si tienes alguna inquietud o deseas solicitar una nueva revisión puedes comunicarte con Ana Belisa por Slack y enviar por el formulario nuevamente tu repositorio.

Pre-revisión

  • El repositorio público

README.MD

  • Descripción general del proyecto.
  • Tecnologías implementadas en el proyecto, versión y objetivo con el cual se realizó la implementación.
  • Enlace al demo.
  • Enlace a documento con los requisitos del sistema.
  • Nombre del coach que asignó y revisó el proyecto
  • Información del autor del proyecto: nombre, usuario en Slack, enfoque (frontend, backend, ds).

GIT

  • Los commits deben estar 100% en inglés.
  • Los commits deben ser descriptivos y puntuales.
  • No se permiten carpetas completas en un sólo commit con todo el proyecto.
  • Debe existir al menos una rama adicional a main para desarrollo.

Revisión

Ruta del archivo: /main.js#L3-L11

var firebaseConfig = {
apiKey: "AIzaSyDcQAqiwbRyVgR3WdezSj1hpQoLAuBGG4M",
authDomain: "savemymoney-ec2ca.firebaseapp.com",
projectId: "savemymoney-ec2ca",
storageBucket: "savemymoney-ec2ca.appspot.com",
messagingSenderId: "442520639107",
appId: "1:442520639107:web:3bb6007192f315cd1c2db6",
measurementId: "G-RSLY3QK3FH"
};

Comentarios:
Recomendamos el uso de archivos de configuración, así se asegura la
correcta administración y la seguridad de las variables de entorno


Ruta del archivo: /main.js#L12-L16

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Firestone DB Connection
const db = firebase.firestore();

/main.js#L31-L48
// Get all transactions
const getTransactions = () => db.collection('transactions').get();

// Save Transaction
const saveTransaction = (amount, category, date, name, type) => {
db.collection('transactions').doc().set({
amount,
category,
date,
name,
type

    });

}
// Delete transaction
const deleteTransaction = id => db.collection('transactions').doc(id).delete();

const onGetTransactions = (callback) => db.collection("transactions").orderBy("date", "desc").onSnapshot(callback);

Comentarios:
Tratemos de hacer uso de SOLID y usar el principio de una simple responsabilidad
ya que se nos hace facil leer un solo bloque con una funcion especifica,


Reviewer

Nombre: L. Raymundo Solís

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.