Git Product home page Git Product logo

My intro gif

Profile views Repos Badge

  • 🌱 I'm currently learning Cloud
  • 🥅 2022 Goals: Get cloud certified, keep learning and improving.
  • ⚡ Fun fact: I love the tranquility and the freedom to learn and create whatever.
  • 💬 (Ask me about) => React, TypeScript, Node, GraphQL, Firebase, AWS, TDD, DDD, CI/CD.

Technologies

HTML5 CSS3 JavaScript TypeScript React AndroidiOSReact-Native Gatsby NextJS Redux Apollo Client/Server React-Query Styled-Components TailwindCSS Jest React-Testing-Library Cypress Nodejs SQL GraphQL MongoDB MySQL Strapi Docker Firebase AWS Heroku Vercel Netlify Git GitHub

Github Stats

All Stats Top Langs

Francisco PG's Projects

aws-js icon aws-js

Testing the Amazon Web Services with JavaScript.

breakingbad-quotes-api icon breakingbad-quotes-api

A simple application that allows obtaining phrases from the Breaking Bad series, built with React Hooks and the CSS Emotion library, to make custom styles in React Components.

car-insurance-quote icon car-insurance-quote

An application that allows car insurance quotes, built with React Hooks and the CSS libraries: Normalize, react-transition-group and Emotion, the latter to make custom styles in components.

city-weather-api icon city-weather-api

A simple application that lets you know the climate of cities through predefined countries, built with React Hooks and the CSS Materialize library.

control-weekly-budget icon control-weekly-budget

A simple application that allows you to control your weekly budget, built with React Hooks and CSS libraries: Normalize and Skeleton.

crm-apollo-client icon crm-apollo-client

Frontend application for a sample Customer Relationship Management application, built with the help of React, Next.js, MongoDB, TailwindCSS, GraphQL and Apollo Client.

crm-apollo-server icon crm-apollo-server

Backend application for an example of Customer Relationship Management, created with the help of Node.js, MongoDB, GraphQL, Apollo Server, JWT, Mongoose, dotenv, bcryptjs.

drink-recipes-react-api icon drink-recipes-react-api

An application that allows you to consult recipes to make different combinations of drinks. Built with React Hooks, Context API and the CSS Framework: Bootstrap and Material-UI, this latter to build a custom modal of the recipes.

firefoxsend-clone-client icon firefoxsend-clone-client

This is a server-side rendering application, developed to be a simple clone of the Firefox Send application, used for uploading and sharing files and was discontinued in July 2020. This client was created with the help of React Hooks, Context API, the Next and Tailwind frameworks, also with the Formik, Yup, Axios and react-dropzone libraries.

firefoxsend-clone-server icon firefoxsend-clone-server

This is a server-side rendering application, developed to be a simple clone of the Firefox Send application, which served to upload and share files and was discontinued in July 2020. This server was created with the help of Nodejs, Express, MongoDB, JSON Web Token and other Libraries.

gallery-app icon gallery-app

Gallery app is a way to manage and share content through images with others, like a social network.

hotel-gatsby icon hotel-gatsby

This is a server-side rendering application, developed to be a simple example of a fictitious hotel page, using DatoCMS as the data source. This example was created with the help of React, Gatsby, and Emotion.

instacool icon instacool

Instagram style social network using firebase services (authentication, storage, firestore) and placekitten images.

js-stack icon js-stack

This is a base code for projects developed with the JavaScript language.

manage-pet-appointments icon manage-pet-appointments

A simple form for managing pet appointments, built with React Hooks, skeleton and using local storage.

mern-tasks-client icon mern-tasks-client

Client for the MERN tasks application. Created with React Hooks and context API.

mern-tasks-server icon mern-tasks-server

API for the MERN tasks application. Created with Node, Express and MongoDB.

microfrontends icon microfrontends

learning and creating multiple applications combined from the frontend through containers made with webpack (mainly).

news-search-engine-api icon news-search-engine-api

A simple application that allows you to search and review news using the newsapi provider, built with React Hooks and the materialize CSS library.

pixabay-search-engine-api icon pixabay-search-engine-api

A simple application that allows you to search for images using the Pixabay API, built with React Hooks and the bootswatch CSS library.

producthunt-clone-next icon producthunt-clone-next

This is a server-side rendering application, developed to be a simple clone of the popular Product Hunt application for sharing and discovering new products. Created with the help of React Hooks, Context API, the Next JS framework, the Firebase services and stylized with the emotion CSS library.

quote-cryptocurrencies-react icon quote-cryptocurrencies-react

A simple application that allows to know the value of different cryptocurrencies, built with React Hooks and the CSS Emotion library, to make custom styles in React Components.

react-redux-crud icon react-redux-crud

A simple application that allows you to perform basic operations (CRUD), registering each action through Redux. All of this built with React Hooks, Bootswatch, and SweetAlert2.

real-estate-gatsby icon real-estate-gatsby

This is a server-side rendering application, developed to be a simple example of a fictitious real estate page, using Strapi as the data source. This example was created with the help of React, Gatsby, Emotion and GraphQL.

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.