Forem: Enmanuel Magallanes Pinargote

Security Logger

Enmanuel Magallanes Pinargote — Tue, 16 Jan 2024 13:56:10 +0000

Disclaimer: The only real data in this site was hidden to protect the privacy of the user. The rest of the data is fake.

This project is build with ViteJs and ReactJs, the main idea is to create a web app and also a native desktop app to register new visitors on urbanization, the web app is for the directive (i.e urbanization president) and the desktop app is for the security guard.

The app allow to create user three types of user:

Admin: Can create new users and also can see all the logs
Security guard: Can create, read and update new logs
Guest: Can only read the logs

The records are stored first in the IndexDB and then are synced with the Firestore database, the app also has a offline mode, so the user can use the app without internet connection and when the connection is available the app will sync the data with the database.

The records could be filtered by visitor name, visitor ID, date, and also by the house number, the app also has a search bar that allow to search by name quickly. Also, you can exported the entire records of filtered records to a XLSX file or a PDF file.

Deep learning integration

This app also has a integration with a other personal project, that consist in a Deep Learning model that can detect and extract the text of visitor name and ID from a image. So the app can extract the image from the security camera that focus the visitor ID and the model will extract the text and fill the form with the data. The information can be edited by the security guard too. The model is build with Tensorflow based on a little version of YOLOv5.

Currently the app is only available in Spanish, and deploy or installation is only available previos contact and agreement. The app will have more tools powered by AI to detect and extract more information as vehicle plate, visitor face, etc.

Tech used

Firebase (Auth, Firestore)
ReactJs, React Router, React Context
React-Query
Zod (Validation)
Tensorflow

Budgetfy

Enmanuel Magallanes Pinargote — Tue, 16 Jan 2024 13:50:59 +0000

In this web app you can create budget to define your expenses and incomes as unique events or recurrent events as you usually create events for a calendar, in order to plan your budget through slice of time that you can define.

The Budget view has show you one card per moth with three sections. The first section is Category summary, it show the total amount of money for each category that you have defined.

The second section is Timeline, that show the following information:

Timeline: show all the events for that month (expenses and incomes) and the estimated balance for that month. Also if you clic on the event you can mark it as paid (for expenses) or received (for incomes). This will update the balance.
Balance: section you will see all the money available without expenses for that month and the monthly balance, it mean the difference between the incomes and the expenses for that specific month.

Finally the third section is the Timeline plot, that show the evolution of the incomes, expenses and balance for the the defined range of time on the budget creation.

You can create a account for free using a email and password or Google account, then you can create your budget and start to add your incomes and expenses. Visit the website to see more details.

Tech used

Firebase (Auth, Firestore)
ReactJs, React Router, React Context
React-Query
Highcharts
Zod (Validation)

IAflow

Enmanuel Magallanes Pinargote — Tue, 16 Jan 2024 13:42:19 +0000

This library help to create models with identifiers, checkpoints, logs and metadata automatically, in order to make the training process more efficient and traceable.

For install the library, you can use pip:

pip install iaflow

Then you can create the ia_make with the following code:

ia_maker = IAFlow(
  models_folder='./models',
  checkpoint_params={
    'monitor': 'val_loss',
    'save_best_only': True,
    'save_weights_only': True
  },
  tensorboard_params={
    'histogram_freq': 1,
    'write_graph': True,
    'write_images': True
  }
)

And then you can add the model with the following code:

model_1_data = ia_maker.add_model(
  model_name='model_1',
  model_params={ 'input_shape': (2, 1) },
  load_model_params={},
  compile_params={
    'metrics': ['accuracy'],
    'optimizer': 'adam', 'loss': 'mse'
  },
)

Finally, you can train the model with the following code:

ia_maker.train(
  model_1_data,
  epochs=5,
  dataset_name='dataset_1'
)

This library has integration with Notifier Status Function, so you can send notifications to Telegram when the training process is finished. To check how to use it and more feature as managing Dataset and Models with the library, you can check the documentation.

Tech used

Python
Tensorflow
Telegram API
Notifier Status Function (personal lib)
Webhooks

Mi Horario Web (MHW)

Enmanuel Magallanes Pinargote — Tue, 16 Jan 2024 13:39:51 +0000

Disclaimer: Currently we are working on improve and update of NodeJS version of the Lambda functions, so the website is not working properly.

This is an online timetable generator for students of the ESPOL University. It allows to obtain information of the planned courses, statistics of the teacher in charge and to generate options of schedules according to the courses and selected parallels.

The project is developed in React and Material-UI, MongoDB as main database for all courses information and FireStore as realtime database for update de progress of schedule generation on the client side.

The steps to create schedules are:

Select the subjects that you will take.
Selected the course numbers that you would like to choose. In this section you can also see the course's teacher, his/her qualification and student's opinios about him/her.
The you can execute the schedules generations, the process can take a while, so a progress bar is show up with the progress update in real time.
Finally you can see all the options of schedules with out conflict on hours class or exams. You can also download the information as a table (just course numbers and subject) or download the calendar view.

Tech used

React
Material-UI
MongoDB
Highcharts
AWS State Machine
AWS Lambda Functions
Firebase (Auth, Firestore)
Github Actions

Notifier Function Status

Enmanuel Magallanes Pinargote — Tue, 16 Jan 2024 13:34:38 +0000

This library provides a decorator to show a toast in your screen and if you setup, send a email when your function end. All that you need to do is use a decorator and some specific parameters, like in the following example:

from notifier import notify

# Send a message to telegram
@notify(api_token='your_api_token', chat_id='your_chat_id')
def your_function():
    print('Hello World!')

Another way is by manually calling the function:

from notifier import Notifier

notifier = Notifier(
  title='Execution for',
  api_token='your_api_token'
  chat_id='your_chat_id'
)

for i in range(10):
    notifier(msg=f'Hello World {i}!')

# You can also override all the previous parameters,
# on the constructor, by passing them to the function
notifier(title='Execution done', msg='Finished!')

Check these features a more detailed on the GitHub repository.

Tech used

Python
Telegram API
Discord webhooks