Giter Club home page Giter Club logo

pabloflps / my-portfolio-page Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 583 KB

This is my portfolio page code. It was made with React and TypeScript, and also, the "Get in Touch" section to contact me, is using an API that sends emails; this API was made by me, using Nodemailer and Gmail SMTP auth. You can check it in my profile.

Home Page: https://my-portfolio-page.vercel.app

SCSS 49.69% HTML 18.61% TypeScript 28.84% CSS 2.86%
portfolio portfolio-website my-page react reactjs typescript api email-sender email-api

my-portfolio-page's Introduction

Pablo Felipe (PabloFLPs) 🦁

Turn on default dark theme for best experience :)


About me:

Hi, I'm Pablo Felps!

  • πŸš€ I'm a software developer at LeCode
  • πŸ’» I'm an engineering computer student at CEFET-MG
  • βš™οΈ I'm a marketing analyst at Commit Jr.

Fun fact: I've watched over 200 animes!!


Projects

NextJS Pokedex:

  • Below you can access my Pokedex deployed on Vercel. It was made utilizing JavaScript as language, Tailwind as CSS framework, NextJS as React framework and and finally the PokeAPI.

Description: I made this based on the video Build a Pokedex with NextJS and Tailwind CSS. It covers from #1 Bulbasaur to #898 Calyrex; all pokemon generations. The application shows pokemon weight, height, types and abilities. Soon I will add "strong" and "weak" against data.

Ignite Platform:

  • This is my Ignite games application. It is a place to search games and stay tuned about game details, and also upcoming titles, popular games and new games. Made utilizing RAWG.io.

Description: I made this based on the Dev Ed youtuber Redux course. Started to study Redux for my web development knowledge and this project was very cool to increase my skills in Redux. Made with React & Redux, utilizing Thunk and styled components.

Diversight (dis):

  • Also, you can access the link to my first back-end project deployed on Heroku. It was made utilizing JavaScript as language, and Sequelize as ORM with Postgres as database.

Description: I was part of the ioasys CAMP 2021; my team and I developed a platform to measure the β€œdiversity” in a company's workplace, with the goal of making the environment better for all cultures, sexualities, ethnicities and people with physical disabilities.

Podcastr Application:

  • This is the Podcastr Application, the NLW - Next Level Week 5 by Rocketseat project. It was made with TypeScript, NextJS and an independent JSON server application (repository here).

Description: I made this based on the Rocketseat's NLW 6 to start my studying with NextJS, which was my first contact with it. The application consists in a player that uses a JSON server application to get the podcasts data like the link to the podcast itself, images, duration and etc.

NextJS News Site:

  • And here you can stay tuned in the trending Brazil news with my News Application deployed on Vercel. It was made utilizing JavaScript as language, and NextJS as React framework.

Description: I made this based on the PortEXE youtube channel video Coding A News App With NextJS to start my studying with NextJS. The news are located in Brazil, but it can easily be changed within code. I haven't spend too much time styling it yet, but I plan to do it soon.

Weather App:

  • Here you can check my Weather App. It uses the Open Weather API: https://openweathermap.org to get the current weather situation from each city in the world.

Description: I made this based on a youtube channel video React Weather App Using Redux to continue my Redux studiyng. It was made with React, Redux, Redux Toolkit to ease the store configuration and Tailwind.

LetMeAsk Application:

  • This is the LetMeAsk Application, the NLW - Next Level Week 5 by Rocketseat project. It was made with TypeScript, React, Google Firebase with firebase auth and realtime database.

Description: This application is like a Q&A platform, the administrator can create rooms and then share the link to anyone. The user can make questions by submit and the room creator can highlight/mark as answered and delete questions.


Social:

Mail_Badge Linkedin_Badge Twitter_Badge DevCommunity MyAnimeList Bio Badge


Stats


Languages and tools:


my-portfolio-page's People

Contributors

pabloflps avatar

Watchers

 avatar  avatar  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.