GithubHelp home page GithubHelp logo

fra-zelada / react-firebase-v9-chat Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 44 KB

Home Page: https://react-firebase-v9-chat.vercel.app/

HTML 4.47% CSS 31.60% TypeScript 63.93%
firebase react typescript react-firebase-hooks firebase-auth chat vite firebase9 google-authentication oauth2

react-firebase-v9-chat's Introduction

πŸ’« 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: [email protected] | 123456


"# fra-zelada"

react-firebase-v9-chat's People

Contributors

fra-zelada avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.