[go: nahoru, domu]

Skip to content
View fra-zelada's full-sized avatar
Block or Report

Block or report fra-zelada

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
fra-zelada/README.md

💫 About Me:

Hi 👋, My name is Francisco Zelada.

+7 years of experience in Web development 🌐. Professionally, I have worked with Java, HTML/CSS, and Oracle databases. In recent years, I have expanded my skills to include Web Front-End/Backend development using JavaScript 👨‍💻, and now I am seeking an opportunity to contribute my knowledge in new directions 🚀.

🙋‍♂️ My website https://fra-zelada.vercel.app/

📊 GitHub Stats:

💻 Tech Stack:

TypeScript JavaScript Next JS React AWS Cloudflare Firebase Vercel Express.js JWT MUI NodeJS React Router Redux Socket.io Webpack Yarn MongoDB Postgres MySQL Oracle


💼 Portfolio:

Text2Img

Web application for generating images with artificial intelligence. Developed using React + Next.js 14 & Typescript, implementing Server Actions and cache handling techniques. Utilizes Vercel KV's Redis database, Zustand for state management, styled with Tailwind CSS, and incorporates components from Shadcn/ui. Image generation is done through the Replicate API. In addition, testing has been conducted using Cypress, Jest, and Testing Library.

Repo Live demo

Wrestling-Gram

A a web application designed with React + Typescript and Python + Django Rest Framework for sharing images and comments, drawing inspiration from Instagram's functionality. The application allows users to create accounts, upload images, and comment.

Repo Live demo

Tin-Book

An application inspired by the functionality of Tinder, to swipe and find love in a book. Developed using Next.js 13, Tailwind CSS, Redux-Toolkit, Redux-Persist & SplideJs.

Repo Live demo

Movie Theater

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

Repo Live demo

Clon Netflix

A website built using React/Next.js & TypeScript. It utilizes Tailwind CSS for styling, NextAuth for authentication, Prisma for database schema creation, and Zustand for state management.

Repo Live demo

Clon Chat GPT

A proof of concept using the Chat GPT API. Tailwind CSS was used to replicate the styles. Only the conversational chat functionality was implemented.

Repo Live demo

Votaciones web

Initial version of a website for professional wrestling content. The goal of the site is to create polls for match predictions.

Repo Live demo

Firebase Chat

A small chat room application developed with Google authentication. It utilizes the Firebase and react-firebase-hooks libraries. This exercise is based on a YouTube tutorial by Fireship, originally using Firebase 7. I updated it to Firebase 9 and replaced JavaScript with TypeScript.

Repo Live demo

Teslo Shop

A website inspired by a Tesla store, featuring OAuth authentication, integration with the PayPal payment module, and server-side rendering. The site was developed using Next.js, TypeScript, Material UI, and MongoDB. I developed this website following the instructions from the "Next.js: El framework de React para producción" course by Professor Fernando Herrera.

Repo Live demo

Pokemon SSR

An application developed using the services of "PokeApi" and applying server-side rendering principles with "Static Paths" and "Static Props". It was built using Next.js, TypeScript, and the graphical interface with Next UI.

Repo Live demo

MERN Calendar

A calendar application where users can register events for a workgroup. It was developed using React, Redux, JavaScript, and JWT on the front end, and Express.js + MongoDB on the backend. This app was built following the instructions from the "React: De cero a experto" course by Professor Fernando Herrera.

Repo

Live demo | Credenciales: francisco@gmail.com | 123456


"# fra-zelada"

Pinned Loading

  1. adpwebsite adpwebsite Public

    TypeScript

  2. mern-calendar mern-calendar Public

    JavaScript

  3. next-teslo-shop next-teslo-shop Public

    Aplicación final curso

    TypeScript

  4. next-vercel-pokemon-static next-vercel-pokemon-static Public

    TypeScript

  5. react-firebase-v9-chat react-firebase-v9-chat Public

    TypeScript