Web Platform
Company: Protego Solutions
Web application to centralize relevant information from companies in order to automate chargeback processes. Software Engineer in charge of bringing the MVP to production. It has the Dashboard and Reports sections, where it is implemented with tables, filters, pagination, loaders and charts.
- Figma
- Storybook
- Next.js
- TypeScript
- Chakra UI
- React Query
- React Table
- D3.js
![Web Platform](/protego-mockup.png)
GNSS Geodetic Station
Company: District University
Redesign and development of the website of the GNSS Geodetic Station of the District University implementing the SQL queries and templates in Django along with Responsive Design and developing an Scrapper to obtain updated data from differents websites
- HTML
- CSS
- Javascript
- Bootstrap
- Python
- Django
![GNSS Geodetic Station](/gnss-mockup.png)
Marvel Store
Personal Project
Web application to display the Marvel API comics information. It was developed taking into account the UI and responsive adaptability, component categorization methodology through Atomic Design, search field and filters.
- Next.js
- TypeScript
- Chakra UI
- React Query
![Marvel Store](/marvel-mockup.png)
Tic Tac Toe
Personal Project
Tic Tac Toe is a multiplayer game implemented with NodeJs, ExpressJs and Socket.io with connection to MongoDb, which, thanks to Websocket technology, allows you to set up rooms for a maximum of two players, show the history of started, tied and won games and the list of games paused with the possibility of resuming them.
- HTML
- CSS
- Javascript
- Node.js
- Express.js
- MongoDB
- Socket.io
![Tic Tac Toe](/tictactoe-mockup.png)
UNICEF Colombia
Company: CodeLar
Led the adoption and implementation of Atomic Design from the Development team to the Design team, which allowed the UNICEF Colombia team to create Landing Pages in a modular and component-based way. I was in charge of optimizing the performance of the main web page, going from a load time greater than 5s to one less than 1.5s.
- CSS | Sass
- Drupal
- Twig
- Lando
![UNICEF Colombia](/unicef-mockup.png)
CodeLar Landing Page
Company: CodeLar
In charge of developing and publishing the landing page of the CodeLar company in order to show the projects carried out and achievements.
- Figma
- Storybook
- Styled Components
- GraphQL
- Gatsby
- Contentful
![CodeLar Landing Page](/codelar-mockup.png)
Visitor Control
Company: Robotec
Design and development of a web platform for visitor control under the MEAN stack in order to have scheduling capacity and entry record in real time.
- CSS | Sass
- Bulma CSS
- Angular 8
- Node.js
- Express.js
- MongoDB
- Socket.io
![Visitor Control](/transcriber-mockup.png)
Transcriber
Company: Robotec
Design and development of a web platform for the transcription of audio or video together with a text editor under the MEAN stack
- CSS | Sass
- Bulma CSS
- Angular 8
- Node.js
- Express.js
- MongoDB
- Socket.io
![Transcriber](/visitor-mockup.png)
Electronic Voting
Company: District University
Support in the layout of the project interfaces for the registration process and system elections of the district system of culture, recreation and sports (SDCAP and DRAFE)
- CSS | Sass
- React.js
![Electronic Voting](/electronic-voting-mockup.png)