profile

Francisco Zelada

Fullstack Developer - 🎓IT Engineer

skillskillskill
skillskill

Technologies

Libraries, frameworks, and tools that I have used...
  • Introduction


  • +7 years of experience in Web development 🌐. Professionally, I have worked with Java / HTML/CSS and Oracle Database. In recent years, I have delved into Web Front-End / Backend based on Javascript đŸ‘šâ€đŸ’», and now I am seeking opportunities to contribute my learned skills in new directions 🚀

  • Tech Stack


  • NextJs

    React

    TypeScript

    Javascript

    Oracle DB

    Material UI

    Redux

    MongoDB

    Django

    Express.JS

    GraphQL

    Firestore

  • Tools


  • VS Code

    GitHub

    Docker

    Git

    Postman

    AWS

    Storybook

    Cloudflare

    Azure

    Cypress

    Jest

    Confluence

    Portfolio

    Some example projects
    Wrestling-Gram
    Wrestling-Gram

    Web application that enables users to upload images, comment, register, and authenticate. Session management is handled through access tokens and refresh tokens. Additionally, it incorporates CSS animation-timeline features and utilizes the experimental functionality of the View Transition API.

    Live DemoGithub
    Text2Img
    Text2Img

    Web application that leverages artificial intelligence to generate and share images. It utilizes React Server Components and Server Actions, cache handling techniques, and static generation. The Replicate API is employed for image generation.

    Tin-Book
    Tin-Book

    Application inspired by Tinder's functionality for swiping to find love in books. Developed using Next.js 13, Redux-Toolkit, Redux-Persist, Tailwind CSS, and SplideJs.

    Movie Theater
    Movie Theater

    Application simulating the purchase of a movie ticket. Developed using React / Next.js & TypeScript, pagination and caching with SWR, and state management with Context API + Local Storage.

    Clon Netflix
    Clon Netflix

    Website built with React / Next.js & TypeScript. Tailwind CSS libraries have been used for styling, NextAuth for authentication, Prisma for creating database schemas, and Zustand for state management.

    Votaciones Web
    Votaciones Web

    Initial version of a website for Wrestling content, the site's objective is to create polls for match predictions. This is the demo version of the site.

    Clon Chat GPT
    Clon Chat GPT

    Proof of concept using the Chat GPT API, Tailwind CSS was used to replicate styles. Only the conversational chat functionality has been implemented.

    Teslo Shop
    Teslo Shop

    Website inspired by a Tesla store. Some features include OAuth authentication, integration with PayPal payment module, and server-side rendering. The site was developed with Next.js, TypeScript, Material UI, and MongoDB, following the instructions from the course "Next.js: The React Framework for Production" by Professor Fernando Herrera.

    MERN Calendar
    MERN Calendar

    Calendar application where events can be registered for a workgroup. Developed using React, Redux, JavaScript, and JWT for the frontend, and Express.js + MongoDB for the backend. This app was built following the instructions from the course "React: From Zero to Expert" by Professor Fernando Herrera.

    Firebase Chat
    Firebase Chat

    Small chat room application developed with Google authentication. Firebase and react-firebase-hooks libraries are utilized. This exercise is from the Fireship YouTube channel, originally done with Firebase 7. I updated it to Firebase 9 and replaced JavaScript with TypeScript.

    Pokemon SSR
    Pokemon SSR

    Application built using the "PokeApi" services, applying server-side rendering principles with "Static Paths" and "Static Props". Developed with Next.js, TypeScript, and the graphical interface with Next UI.

    More about me

    My professional background and interests
    Falabella
    đŸ’Œ Falabella

    đŸ’» Analista

    2015-2020

  • I implemented continuous improvement in corporate HR and Finance web systems by designing solutions and/or programming.
  • I worked on the Intranet team at Falabella, where I designed and developed solutions for integrations with internal and external systems.
  • I designed interfaces for Legacy applications to integrate with SAP PO.

  • Falabella
    đŸ’Œ Falabella

    đŸ’» Analista Programador

    2015-2016

  • I implemented continuous improvement in the corporate leasing contract system, placing a strong emphasis on enhancing usability.
  • I implemented the corporate contract system for new businesses, including in-person user training at Sodimac Colombia.
  • I conducted a comprehensive analysis of issues in the contract system, addressing root causes and reducing monthly helpdesk tickets by 90%.

  • Human Capital
    đŸ’Œ Human Capital

    đŸ’» Consultor Externo

    2013-2015

  • I started working in IT by programming web applications in the finance systems area at Falabella. I also provided support and gathered requirements for treasury and tax document applications.

  • Next.js: El framework de React para producciĂłn

    🎓 Next.js: El framework de React para producción

    đŸ« Udemy

    2022Visit
    React: De cero a experto ( Hooks y MERN )

    🎓 React: De cero a experto ( Hooks y MERN )

    đŸ« Udemy

    2022Visit
    React Pro: Lleva tus bases al siguiente nivel

    🎓 React Pro: Lleva tus bases al siguiente nivel

    đŸ« Udemy

    2022Visit
    React: Aplicaciones en tiempo real con socket-io

    🎓 React: Aplicaciones en tiempo real con socket-io

    đŸ« Udemy

    2022Visit
    JavaScript Moderno: GuĂ­a para dominar el lenguaje

    🎓 JavaScript Moderno: Guía para dominar el lenguaje

    đŸ« Udemy

    2022Visit
    AWS Cloud Practitioner Essentials (segunda ediciĂłn)

    🎓 AWS Cloud Practitioner Essentials (segunda edición)

    đŸ« AWS SkillBuilder

    2021Visit
    Docker: GuĂ­a prĂĄctica de uso para desarrolladores

    🎓 Docker: Guía práctica de uso para desarrolladores

    đŸ« Devtalles

    2023Visit
    IngenierĂ­a en InformĂĄtica

    🎓 Ingeniería en Informática

    đŸ« Instituto Profesional DUOC UC

    2009 - 2013
    Lucha Libre
    Lucha Libre
    Streaming
    Streaming
    Recitales
    Recitales
    Video Juegos
    Video Juegos
    Bailar
    Bailar
    Cerveza Artesanal
    Cerveza Artesanal
    FĂștbol
    FĂștbol
    Anime
    Anime
    Juegos de Mesa
    Juegos de Mesa
    MĂșsica Urbana
    MĂșsica Urbana

    Contact

    Have questions? Let's chat...