Another version of my portfolio webpage. The project was built using Next.js and hosted on Vercel.This time there is a database (Supabase) to seed all the data needed. And it uses React Query to handle the data synchronization.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.For CSS it uses TailwindCSS. It's a PWA and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...

Website

Portfolio - v3

Customer selfcare is a very demanding and ambitious <abbr title='Single Page Application'>SPA</abbr> built from scratch using essentially Next.js and TailwindCSS. It uses SWR to handle the data synchronization.Almost all React components are built from scratch. Very few libraries are used.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.It's a web platform to manage user insurance policies. It has the ability to manage user account details; policy documents; billings; create/edit claims; etc...Is completely responsive for all sorts of devices and to be embedded in other clients' web platforms.Due to a <abbr title='Non-disclosure agreement'>NDA</abbr>, I cannot share the work I've done.

Customer selfcare

Next.js was on my radar for quite some time. Used it on the current and past versions of my portfolio and loved it! So I decided to create a variant of the portfolio website simulating it as some sort of IDE. Hope you enjoy at least half of what I did!The project was built using Next.js and hosted on Vercel. There is no database, all is done in a JAMStack way.For CSS it uses Bulma and SASS. It's a <abbr title='Progressive Web App'>PWA</abbr> and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.

Portfolio (IDE)

Selfcare is a very demanding and ambitious <abbr title='Single Page Application'>SPA</abbr> built from scratch using essentially React (<abbr title='Create React App'>CRA</abbr>) and SASS.Almost all React components are build from scratch. Very few libraries are used.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library for new components and enzyme for old ones.It has dozens and dozens of routes to manage all sorts of things from creating a Product with a lot of features (White label app; IoT integrations; managing users; documents; settings; etc...), manage an entire insurance platform (policies; claims; quotes; payments; etc...), analytics (graphs and maps), integrations (IoT), create and manage Networks, Insurance distributors, etc...Due to a <abbr title='Non-disclosure agreement'>NDA</abbr>, I cannot share the work I've done.

Selfcare

Next.js was on my radar for quite some time. So I decided to give it a try and rebuild my personal website with it. The project was built using Next.js and hosted on Vercel. There is no database, all is done in a JAMStack way.For CSS it uses Bulma and SASS. It's a <abbr title='Progressive Web App'>PWA</abbr> and with that comes all the benefits associated with it, e.g: cache; offline usage; speed; etc...As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon committing, such as validating commit messages according to conventional commits as well as running lint and test. Testing is provided by Jest and React Testing Library.

Portfolio - v2

A very simple Progressive Web App, built with React and Webpack.The main goal was to create a React boilerplate using Webpack for future personal projects.You can add as many notes as needed, and all be stored locally in your browser. As this is a <abbr title='Progressive Web App'>PWA</abbr>, you can benefit from all his advantages, like adding it to the home screen so that can behave like a native app and offline usage.

Notes

The project was built using Laravel and hosted on my personal VPS.For CSS it uses Bootstrap and SASS. It uses Redis to handle all cached data that is stored on a personal database.

Portfolio - v1

The new version (in 2017) of Notícias ao Minuto was built essentially using Laravel; Bootstrap; jQuery and Redis.According to NetScope, Notícias ao Minuto back in June 2017 was ranked as the 6 biggest news website in Portugal, with over 15M visitors each month.I was responsible for all the development and maintenance of the website, back office, and all the services involved.Also for his "little brother" Notícias ao Minuto Brasil website and services involved.

Notícias ao Minuto

This was the new version of my personal back office built with Laravel; Bootstrap and MySQL.The main goal was to manage the data of all my projects in a CRUD way. Connected to Redis it would handle all the Redis data according to the actions. Then it would reflect instantly on my live projects.

Back office

Back office - v2

Very challenging and demanding back office to handle content in a CRUD way. It was built for dozens of persons using it intensively. Had the ability to create, edit, delete, and upload files, and much, much more. With a Huge logging system to keep track of actions.Due to a non-disclosure agreement, the images are blurry.

New adVentures

This was a back office built with Laravel; Bootstrap and MySQL.The main goal was to manage the data of all my projects in a CRUD way. Connected to Redis it would handle all the Redis data according to the actions. Then it would reflect instantly on my live projects.

Back office - v1

Very simple website built using frontend tools.There isn't much that I can say about it, but the final result was pleasant.

This was the main entrance to the worldwide most complete, daily updated, newspapers and magazines front pages website.A very simple project with not much to say but with a very pleasant result at the time.

World Press Titles

Icatu is/was a big insurance company in Brazil.Back in 2014, working in Brazil, this project was some sort of a virtual shop to purchase insurance. The user starts to choose which type of insurance he wants, simulate/choose how much he wants to pay, enter his personal information and made the payment. There are two types of payments: debit and credit.It has integration with payments with an API. The user has a small back office where he could see and manage the insurances that he bought.

Icatu

Back in 2014 APPAI was a branch of Banco do Brasil, the biggest bank in Brazil.A very simple project with not much to say but with a very pleasant result at the time.

APPAI

VIVO is/was the biggest cell phone company in Brazil back in 2014.The main goal of this back office was to manage VIVO marketing campaigns. It had data tables to view all the data that the client wanted. Had a user edit section as well a stats section. This one consists of several graphs to better view all the data requested by the client.

Vivo

Chef Online belongs to Continente which is probably the biggest food market in Portugal.This project was a Facebook application integrated with the Chef Online Facebook page. It had a "like gate" so the user can only participate after liking the Chef Online page. After that, he had to fill out a form with his personal information, and then he could play.The game consisted in finding gifts in Google Maps Street View feature. The user had to choose a part of Portugal and navigate through Google Maps Street View in search of a "real" gift. There were fake and real gifts. When the user missed a real gift he had to invite friends so that he could play again.When he found a real one, had to enter a custom phrase about Continente, Natal, and Chef Online.All of this to win some gift or vouchers.

Facebook Application

Chef Online

This was the back office for the mobile application "Malibu YOLO".The user could manage and view all the features in this project. It could handle CRUD actions and had a lot of graphs to visualize data.

Malibu YOLO

Responsible for developing dozens and dozens of Landing Pages.All Landing Pages, have Front-End and Back-End components. Some had other features like Web Services and integration with certain APIs. All development had to be made under tight schedules, I mean really tight schedules. The Front-End must be cross-browser. The Back-End consisted of integration with a campaign management platform that tracks all kinds of things (clicks, conversions, etc...).Besides that, certain landing pages had CRM integration where the client could view the campaign data.

Frontend & Backend

Landing Pages

One of my first freelance projects and was the website for a Design company. It's some kind of portfolio page.A very, very simple project with not much to say but with a very pleasant result at the time.

Tags

Projects using Javascript

Filter by tag

Want to talk?