Fernando Bonfim

This project I built for a challange. It consists of an web app with 5 distinct pages containing:

• A login form for the user login.
• A list of random users generated by the Random Users Generator.
• A cat image generated by the HTTP cat API, which returns a cat image for a given HTTP status code.
• A random dog image generated by the Random Dog API.
• A list of clients retrieved from a MongoDB Atlas database I keep online.

I used Vite to bootsrap a ReactJS + Typescript web app. Pure CSS was used to style the pages. This app consumes some commonly used packages, like axios, phosphor-react, react-modal.

For the backend, I set a NodeJS server built with the Express package. This server is used to communicate to a MongoDB database, which is a task accomplished using the mongoose package.

The front-end is deployed in Netlify, and the backend is on Azure.

Go to code !

This project consists of a tutorial blog, where I post tutorials (mainly) on programming, but also about other tech stuff.

It has been build using a static site generator call Jekyll. All themes, styling and scripts were written from scretch using Liquid HTML CSS, vanilla JavaScript and YAML. Any functionality that requires a server side application is implemented using some API tha allows us to communicate to a third-party service.

Go to code !

This project is based on the one-week event Next Level Week by Rocketseat in which a web application, a mobile app and an API has been built from scratch.

In this web app, which is named Find your Duo users may find other people to play with by publishing announcements.The announcements contain the date and time for the gaming, and contact information so that interested parties can communicate with the person who made the announcement.

It was used ReactNative, ReactJS, Typescript, Tailwind, NodeJS, and PostgreSQL for this project.

Go to code !