portfolio.title

Layout, responsive and API consumption of views such as: dashboard, messaging, doctors, patient profile editing. Uploading of images and audio files.

Frontend development.

We developed a web application with client-server architecture, which allows managing the data for doctors, patients, and affiliated companies. Completing the flow of appointments and their transition through each of the stages. Real-time emergency care, a graphic tool to record and monitor the patient's progress, an audio recording of consultations, and internal messaging.

Graphic and chronological record of measurements such as: blood pressure, oxygen saturation, glucose, among others.

Improvement Curve

Hampik allows emergency care in real time, with physicians who are online at the moment. With socket.io technology

Emergency Care

The consultation panel allows you to order exams, prescriptions, re consultations, indicate treatments, and consult another doctor.

Complete personalized care

It is important to know the satisfaction of patients,  that is why  Hampik has a rating system for  the doctor's attention and internal messaging doctor - patient.

Listening channels

Doctors who work at Hampik can manage their time at their convenience, indicating customized schedules.

Flexibility

large_hampik.herokuapp.com_.png

medium_hampik.herokuapp.com_.png

small_hampik.herokuapp.com_.png

thumbnail_hampik.herokuapp.com_.png

hampik.herokuapp.com_.png

large_hampik.herokuapp.com_cita-emergencia.png

medium_hampik.herokuapp.com_cita-emergencia.png

small_hampik.herokuapp.com_cita-emergencia.png

thumbnail_hampik.herokuapp.com_cita-emergencia.png

hampik.herokuapp.com_cita-emergencia.png

large_hampik.herokuapp.com_horario-medico.png

medium_hampik.herokuapp.com_horario-medico.png

small_hampik.herokuapp.com_horario-medico.png

thumbnail_hampik.herokuapp.com_horario-medico.png

hampik.herokuapp.com_horario-medico.png

large_hampik.herokuapp.com_dashboard-medico.png

medium_hampik.herokuapp.com_dashboard-medico.png

small_hampik.herokuapp.com_dashboard-medico.png

thumbnail_hampik.herokuapp.com_dashboard-medico.png

hampik.herokuapp.com_dashboard-medico.png

large_hampik.herokuapp.com_mi-perfil.png

medium_hampik.herokuapp.com_mi-perfil.png

small_hampik.herokuapp.com_mi-perfil.png

thumbnail_hampik.herokuapp.com_mi-perfil.png

hampik.herokuapp.com_mi-perfil.png

large_hampik.herokuapp.com_paciente_id-consulta=32.png

medium_hampik.herokuapp.com_paciente_id-consulta=32.png

small_hampik.herokuapp.com_paciente_id-consulta=32.png

thumbnail_hampik.herokuapp.com_paciente_id-consulta=32.png

hampik.herokuapp.com_paciente_id-consulta=32.png

large_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

medium_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

small_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

thumbnail_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

large_hampik.herokuapp.com_dashboard-paciente.png

medium_hampik.herokuapp.com_dashboard-paciente.png

small_hampik.herokuapp.com_dashboard-paciente.png

thumbnail_hampik.herokuapp.com_dashboard-paciente.png

hampik.herokuapp.com_dashboard-paciente.png

large_hampik.herokuapp.com_mensaje_mensaje=15.png

medium_hampik.herokuapp.com_mensaje_mensaje=15.png

small_hampik.herokuapp.com_mensaje_mensaje=15.png

thumbnail_hampik.herokuapp.com_mensaje_mensaje=15.png

hampik.herokuapp.com_mensaje_mensaje=15.png

large_hampik.png

medium_hampik.png

small_hampik.png

thumbnail_hampik.png

hampik.png

large_imagenDoctor.png

medium_imagenDoctor.png

small_imagenDoctor.png

thumbnail_imagenDoctor.png

imagenDoctor.png

Hampik

Hampik is the first telemedicine solution in Peru. It provides care in different health areas; through regular or online emergency consultations. 

 Development of part of the logic that associates advanced information to the products, such as the original part number and their related.

Backend development

Layout and responsive according to design provided in Adobe.

Frontend development 

Logical design Participation in the design of the database and main functionalities.

Logical design

We developed a robust, secure, and scalable client-server architecture web application. Specialized in the business logic of auto parts sales: year, brand, model, sub-model, engine, and specifications that allow cross-referencing and advanced searches.

Search filter by year, brand , model, submodel, and engine.

Search filter

User configuration, which allows you to filter the spare parts that apply to the selected car(s) in the garage.

My garage

List of products by original manufacturer part number, used by aftermarkets.

large_autopartesid.com_.png

medium_autopartesid.com_.png

small_autopartesid.com_.png

thumbnail_autopartesid.com_.png

autopartesid.com_.png

medium_autopartesid.com_ (1).png

small_autopartesid.com_ (1).png

thumbnail_autopartesid.com_ (1).png

autopartesid.com_ (1).png

medium_logo png autopartesid_Mesa de trabajo 1 (1).png

small_logo png autopartesid_Mesa de trabajo 1 (1).png

thumbnail_logo png autopartesid_Mesa de trabajo 1 (1).png

logo png autopartesid_Mesa de trabajo 1 (1).png

undraw_Vehicle_sale_a645.svg

Autopartes ID is a specialized platform in the sale and logistics of auto parts. With a catalog of American and European suppliers.

Ecommerce

Python

HTML

Interface design, UI elements and user interactions with Figma.

Ui design

Responsive layout of home page, product list and product details.

Frontend Development

We built a B2C e-commerce platform, manageable, secure and scalable. Administration panel for all business processes, role-based access, e-marketing, online and offline order creation, secure payments, transaction tracking, internal communication channels and customer listening.

The simple Distribuidores IDP  interface makes it easy to navigate the store and access the calls to action.

User Interface

Customized payment methods through the most widely used local payment platform: Webpay.

Payment methods

For a better experience, we provide tools such as: search bar, search by categories and filters that allow you to quickly locate the products to buy.

Search tools

medium_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

small_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

thumbnail_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

large_distribuidoresidp.cl_shop.png

medium_distribuidoresidp.cl_shop.png

small_distribuidoresidp.cl_shop.png

thumbnail_distribuidoresidp.cl_shop.png

distribuidoresidp.cl_shop.png

medium_IDP-sinfondo.png

small_IDP-sinfondo.png

thumbnail_IDP-sinfondo.png

IDP-sinfondo.png

undraw_add_to_cart_vkjp.svg

Distribuidores IDP

Distribuidores IDP  is an online store that sells machinery and personal protective equipment.

Layout 

Responsive

I made a landing layout page, starting from the design provided by Figma. I structure each HTML section, CSS styles, responsiveness, and transitions.

large_fairpay.pe_.png

medium_fairpay.pe_.png

small_fairpay.pe_.png

thumbnail_fairpay.pe_.png

fairpay.pe_.png

large_fairpay_mobile.png

medium_fairpay_mobile.png

small_fairpay_mobile.png

thumbnail_fairpay_mobile.png

fairpay_mobile.png

fairpay.svg

undraw_growth_analytics_8btt.svg

Fairpay

 A Peruvian firm. Experts in salary studies. Offers companies the solution to analysis, formulation, and salary administration.

Landing page

Development and implementation of some characteristics such as a search tool of affiliated stores in the map, store profiles, product card among others. Taking as a reference the design provided in different device sizes.

In backend, I have contributed in solutions such as: customized shipping methods per store, by product and by type of logistics, restriction of products by country,  subscription-based products/services.Considering permissions by access group.

Backend development 

Modeling of business model features in UML.

We developed a client architecture web application, a secure and scalable intranet in which the users, according to their access level can manage the data, make transactions,  and at the same time track them.  It is an e-commerce web portal with different integrated payment platforms, a blog, and messaging among others. 

A person can locate all affiliated stores with pins using google maps.

Geolocation 

The sellers or affiliated stores manage their products, clients, marketing campaigns and the information about their commercial profile

Store self-management

 Suimap provides a wide variety of products from different industries, that can be used   for all affiliated stores without having to duplicate them. 

 Preloaded catalogue

large_suimap-01.png

medium_suimap-01.png

small_suimap-01.png

thumbnail_suimap-01.png

suimap-01.png

large_suimap-02.png

medium_suimap-02.png

small_suimap-02.png

thumbnail_suimap-02.png

suimap-02.png

large_suimap-03.png

medium_suimap-03.png

small_suimap-03.png

thumbnail_suimap-03.png

suimap-03.png

image_20_077dad91c5.png

medium_large_montaje_20front_20_1_b63f99374f.png

small_large_montaje_20front_20_1_b63f99374f.png

thumbnail_large_montaje_20front_20_1_b63f99374f.png

large_montaje_20front_20_1_b63f99374f.png

Suimap

Suimap is the first marketplace of its kind that gives businesses the possibility to manage their online and offline sales in a unified way.

Web app

Javascript

Project coordination and development teams of 25 participants.

Project leader

I participated in the development of the intranet, building features such as: role and permissions manager, management of requests and their status, medical record, among others. Using vuejs and API consumption.

Frontend development

I collaborated with the DBA in the design of the database through an entity-relationship model, in its third normal form.

Database design

Development of an application integrated into three components: mobile, web, intranet, which interact through a REST API, and store information in the same database.

Nephron has a robust architecture and has been developed to ensure security, scalability, and maintainability.


Both doctors and patients value having access to the planning of activities and services, registration, assistance, comments, incidents, results.

Activity and service manager

It shows the progress of the patient's condition and their stages over time, in addition to their personal and medical information, accessible to the patient, their family member and doctors.

Patient history

Access to the application controlled through a system of groups, roles and permissions that can be customized

Functional safety

Useful for decision making, it provides valuable information, classified by variables, in time ranges, grouped and ordered as required. Backed by historical tables, parameters, statistics and graphs.

Report Generator

large_2) Solicitar ingreso pacientes lleno.png

medium_2) Solicitar ingreso pacientes lleno.png

small_2) Solicitar ingreso pacientes lleno.png

thumbnail_2) Solicitar ingreso pacientes lleno.png

2) Solicitar ingreso pacientes lleno.png

Nephron

Nephron is a management tool for renal patient care centers. It provides solutions-oriented to patients, families, doctors, and volunteers fighting kidney disease.

Ana Hernández

Portafolio

Hampik

Distribuidores IDP

Fairpay

Suimap

Nephron