All Projects → marcosrivasr → Expense App

marcosrivasr / Expense App

Tutorial para crear una aplicación web completa en PHP y MySQL donde combinamos sesiones, login, password hashes, CRUD, MVC

Labels

Projects that are alternatives of or similar to Expense App

Compass
A Minimal Compass iOS App 🧭
Stars: ✭ 67 (-4.29%)
Mutual labels:  app
Zap
Blazing fast web shortcuts.
Stars: ✭ 69 (-1.43%)
Mutual labels:  app
Aix Weather Widget
Graph weather widget for Android
Stars: ✭ 70 (+0%)
Mutual labels:  app
Java Mvc Swing Monopoly
模仿大富翁游戏,使用Java Swing (GUI) 实现的单机游戏,遵循MVC设计模式。Created in Java. Using GUI developed with Swing, with a MVC design pattern.
Stars: ✭ 67 (-4.29%)
Mutual labels:  mvc
Xxamarin
Repositório com ✨ 141 Exemplos de Implementações e 📦 13 Pacotes de Xamarin
Stars: ✭ 68 (-2.86%)
Mutual labels:  app
Portalcms
Portal CMS is a fully featured content management system with a powerful integrated page builder. It is designed for .NET Developers to extend into a bespoke website
Stars: ✭ 69 (-1.43%)
Mutual labels:  mvc
Ouzo
Ouzo Framework - PHP MVC ORM
Stars: ✭ 66 (-5.71%)
Mutual labels:  mvc
Nodo
☑ Command line TODO app
Stars: ✭ 73 (+4.29%)
Mutual labels:  app
Tracker
Tracker 4 Compassion
Stars: ✭ 68 (-2.86%)
Mutual labels:  app
Attabench
Microbenchmarking app for Swift with nice log-log plots
Stars: ✭ 1,167 (+1567.14%)
Mutual labels:  app
Flutter Ui Showcase
FLUTTER UI Showcase
Stars: ✭ 68 (-2.86%)
Mutual labels:  app
Gatsby Starter Default
The default Gatsby starter
Stars: ✭ 1,154 (+1548.57%)
Mutual labels:  app
Covid tracker
A covid statistics app made with Flutter SDK
Stars: ✭ 70 (+0%)
Mutual labels:  app
Base
Base is the foundation for creating modular, unit testable and highly pluggable, server-side node.js applications.
Stars: ✭ 67 (-4.29%)
Mutual labels:  app
React Native Redux Calculator
Sexy Calculator made using React Native & Redux 😍
Stars: ✭ 72 (+2.86%)
Mutual labels:  app
Ale
✌️a Flexible and fast JavaScript view framework
Stars: ✭ 67 (-4.29%)
Mutual labels:  mvc
Checknewappversionavailable
It makes a request to Play Store to check if there is a new version of your published app
Stars: ✭ 69 (-1.43%)
Mutual labels:  app
Yishaadmin
基于 .NET Core MVC 的权限管理系统,代码易读易懂、界面简洁美观。演示版 http://106.14.124.170/admin
Stars: ✭ 1,186 (+1594.29%)
Mutual labels:  mvc
Shorturl
Self hosted web app for shortening urls (URL shortener)
Stars: ✭ 73 (+4.29%)
Mutual labels:  app
Snipit
Snipit allows you to capture and save interesting sections from any source of information. Be it textbooks, journals, computer screens, photographs, flyers, writings on a whiteboard, etc.
Stars: ✭ 70 (+0%)
Mutual labels:  app

Expense App en PHP

alt text

Este es el ejercicio final del tutorial para crear una aplicación web completa con PHP. Algunas de las funcionalidades que tiene esta aplicación web son:

  • Patrón de diseño Model-View-Controller
  • Consultas con MySQL
  • Autenticación y registro de usuarios
  • Autorización por roles
  • Integración de gráficas
  • Uso de sesiones

Instalación del proyecto

Lo primero es clonar el proyecto a tu equipo local

git clone https://github.com/marcosrivasr/expense-app.git

Importar base de datos

Ahora tenemos que crear el esquema de la base de datos.

  1. Vamos a la carpeta de db

    cd expense-app/db

  2. Vamos a loguearnos a nuestra consola de MySQL (sustituye username con el nombre de usuario de tu conexión)

    mysql -u username -p
    
  3. Creamos una nueva base de datos llamada expenseapp

    CREATE DATABASE expenseapp;
    
  4. Salimos con exit; y ahora importamos el archivo expense-app.sql

    mysql -u username -p expenseapp < expense-app.sql;
    

Configuración de proyecto

Para actualizar las conexiones a la base de datos es importante cambiar los datos que se encuentran en /config/config.php

Adicional en public/js/dashboard.js es necesario verificar que las URLs usadas para hacer solicitudes asíncronas estén también apuntando correctamente de acuerdo a tu servidor.

async function getContent(){
  const html = await fetch('http://localhost:8080/expense-app/expenses/create').then(res => res.text());
  return html;
}
 async function drawChart() {
        const http = await fetch('http://localhost:8080/expense-app/expenses/getExpensesJSON')
        .then(json => json.json())
        .then(res => res);
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].