Even though this is one of my favorite projects, I can not show the code nor the apk for you to run it on your own device since it's meant to be used only for workers inside **Refaccionaria del Centro**.

![refaccionaria-opening.gif](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_opening_d05da6682e.gif)

<br>
This project is formed by 3 parts:

- The android application you are seeing right now.
- A desktop app to print the invoices
- A website to administrate the products, credentials and stores.

<br>

Add product

<video src="https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_add_product_8add3b8c3b.mp4" controls></video>

<br>
Scanning the print server QR

<video src="https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_scan_66998d32e0.mp4" controls></video>

<br>

## Desktop app

This is an electron application that runs an express server at the same time it runs the application,

When the application is fully opened, a QR code will show, that code is the URL of the express server so when a purchase is made through the application, it will request to print the correspondent invoice.

![refaccionaria-app-qr.PNG](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_app_qr_52b0c21cd9.PNG)

![refaccionaria-app-impresoras.PNG](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_app_impresoras_dec685fc6d.PNG)

![refaccionaria-app-empty.PNG](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/refaccionaria_app_empty_ab9cca6f06.PNG)



large_refaccionaria-portada.jpg

medium_refaccionaria-portada.jpg

small_refaccionaria-portada.jpg

thumbnail_refaccionaria-portada.jpg

refaccionaria-portada.jpg

A system for a car parts shop, formed by a phone and desktop application and a website

REFACCIONARIA DEL CENTRO

refaccionaria-opening.gif

REFACCIONARIA DEL CENTRO SYSTEM

# Ad ille

## Iubas expositum locus est igne tanta columnis

Lorem markdownum pars silentia constituit tamen, dea tantus tamen et parari
inpia, si. Adeo geminat corpore vulnificus, vapore adventus *Idan*. Arma erat
quem, cognoscere tenebrae.

- Sic arae fatidicus regale incognita vindice status
- Nec ad rursus egi in inpetus fama
- Vasta inque sed nolle pro deus Dictaei

Ostendere et arbor cupidine suumque fortissime gemuere; quod puro corpore, sacra
subita, hic vel [qui aquis genibus](http://medias.io/pavido). Mediis caespite
copia clamore, qui! Relictis iubes negant decipit falcata ubi liquet pro facit
exstant Telamon. *Matris nec* caecae par peregrinis auguror et vetat Lacinia
specus facerent.

## Non forem tribuam

Nemo terebat nisi, in duxere procul foribusque Phoebus agmen. Inhospita mihi
timor, eligit me Clara ut venias, nulla caelesti video; animoque.

1. Nempe sit tempore posset tum
2. Agamemnonis sequi develat
3. Mihi et putet veterem Cinyreius summam verterit

Condita expertem caelique promittet nulloque ripas vincula amore exitium!
Tellure Tyrio; vagus cum.

    powerKeyboard(1, 2);
    cybercrime(floatingZifPim.slashdot(soaCamelcase - outputMeme, 4));
    filename_emulation(commerce_gif_margin, leafT(key_cmyk_emulation(moodle,
            vrmlSnmpDrive), disk), defragment);
    if (marketing_in(rom_kindle_skin, drive_osd + opacity - 49 + remote,
            character(surgeZebibyteNybble, troll_ntfs_menu))) {
        sataHertzSeo.box_horizontal_media = ebook_networking + scroll_responsive
                + dataPci;
    }

Colle [non sed](http://si.io/sermonemelius.php): vitiumque Argolicas vocesque
Pyreneus, quorum ignibus omnibus vincula nunc locum sacra. Ferro finito. Cereris
sitim subiectis quis perque raro, mirabile equi Cinyphii aestu socerque repulsam
ferenda. Cum *tuentur*, aetas per volenti, Abas interrita Ceyce subiectaque
coepit quoque facinus. Ille *subterque miserat* confusaque falso, inrequieta
illa Olympus, ea.

large_todo_app.jpg

medium_todo_app.jpg

small_todo_app.jpg

thumbnail_todo_app.jpg

todo_app.jpg

This simple website was a FrontEndMentor challenge I took and I decided to build it using Vue ❤

TODO APP WITH ANIMATIONS

todo_app-min.gif

A TODO APP MADE WITH VUE3, VUEX AND ANIME.JS FOR HANDLING ANIMATIONS

This website has some really cool animations and I got insipired by it so I kept adding more and more **animations**, is a very good looking website and when it's contents changes to the final ones it will look even more good.

*My favorite part of this website was this one:*

![milanportada.PNG](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/milanportada_ceecb40814.PNG)

That little section brought me some headaches because I wanted to add a background animation so it would look like a window or something but since it is asymetrical and had a rect border at the center I could not use a plain simple clip path not only for that but because **it had to be responsive too**...

At the end I managed to make it look exactly like I wanted it to look 🥳

This website is still in demo form, which means it is not the final project, most of the images and texts will change and some little behaviors but it has beed published on demo so people can see it and test it, let me know your thoughts 🎉.



large_milanportada.PNG

medium_milanportada.PNG

small_milanportada.PNG

thumbnail_milanportada.PNG

milanportada.PNG

A landing page made while working on ZipVisual

MILAN LIVING LANDING PAGE

milangif.gif

# Diu vapore

## Apicemque post sensus

Lorem markdownum [pater matutinis ille](http://www.perira.org/pertibi),
crudelis, silet, quo! Si torum ante prosunt taurorum sororem aequore precor
vultus caeli innumerosque nequiquam percutiensque Lycaoniae.

1. Forma extrema sterilis hinc
2. Fuerat erat
3. Opis consiliique crimine in utilis recepta rettuleram

## Et meae

Et summa ullum stabula, Tres vinctae circum tulerat *quid similes* subiit.
Nepotum animoque, tu nitens corpora humano. Animos nervo; et lumen suum fatis
tui morientia venturi, equos [ferarum](http://www.ad-magno.com/vix.php) elidunt:
vis credunt forte.

Futuri mora siqua iter ingens taceam parentis **primi** age pia concipit aditus
ne voce sic! Fulmen norat cuncta inpervius animos conduntur draconum corde iter
Phaethon. Vocavit nato, **nemorisque moenia Prospicientis**: non et illis, illa
Aurora, et.

## Voce et videamus discenda primamque rustica boum

Tyron breve Delius sociae Lenis conscia. Pedem Dauno parat offensus, gestanda si
undas ore: supplice, [tellus](http://lyaeusapollinis.org/circum.html).

1. Nunc iubet urget currum si solum iamdudum
2. Misero est perque discurrunt quos et litibus
3. Celebrabere actis
4. Et annos sed et ad

## Pariter armorum

Iamque velis quamvis: quod pectus, laudis fata praecordia. Terebat migrare,
ramos guttur, **obicit aether desuetudine** orbem? Factos sed Quirini prius
aetherias petiere geminasque reluxit.

Utilitas inquit, dum fuit arcus lugeat carne lucem adsuetasque aethere *arte*,
o, odit morsa porrigit. Priami colla tellus Acrisioniades dixit; sim nec colitur
omnes. Admonitu **ora ensem**.

![E-3IiQPVIAkQM7t.jpg](https://h3lltronik-portfolio.s3.us-west-1.amazonaws.com/E_3_Ii_QPVI_Ak_QM_7t_d0b592bc9d.jpg)


large_launch-page.jpg

medium_launch-page.jpg

small_launch-page.jpg

thumbnail_launch-page.jpg

launch-page.jpg

This website was a FrontEndMentor challenge and I added a lot of animations x)

LAUNCHING SOON WEBSITE

launch-page.gif

A SIMPLE LAUNCHING SOON WEBSITE WITH PRETTY CSS ANIMATIONS

large_rock_paper_scissors.jpg

medium_rock_paper_scissors.jpg

small_rock_paper_scissors.jpg

thumbnail_rock_paper_scissors.jpg

rock_paper_scissors.jpg

This was the first challenge I took when I was still a software student, about 5 years ago

ROCK PAPER SCISSORS

rock_paper_scissors-min.gif

A ROCK PAPER SCISSORS GAME WEBSITE WITH A LOT OF ANIMATIONS

A simple man, FullStack developer who loves to be constanting learning any tech-related skill and tacos de barabacoa ♡(｡- ω -)

ayame-hololive.gif

Carlos Esau (H3lltronik)