Another version of my portfolio webpage. The project was built using Next.js (with Typescript) 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 comminting, such as validating commit message according to conventional commits as well 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 build from scratch. Very few libraries used.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon comminting, such as validating commit message according to conventional commits as well 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 sort of devices and to be embedded in other clients web platform.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 a some sort of IDE. Hope you enjoy it at least has half that 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 comminting, such as validating commit message according to conventional commits as well 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 used.As always for linting it uses eslint and stylelint. Prettier for code format. It also uses Husky for running tasks upon comminting, such as validating commit message according to conventional commits as well 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 sort of things from creating a Product with a lot of features (White label app; IoT integrations; manage 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 all 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 comminting, such as validating commit message according to conventional commits as well 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 needed, and all be stored locally in your browser. As this is a <abbr title='Progressive Web App'>PWA</abbr>, you can benefict of all his advantages, like add it to homescreen 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 on all "cached" data that is stored on a personal database.

Portfolio - v1

The new version (in 2017) of Notícias ao Minuto was built essencially 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 the only 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 refected 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, 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 reflected 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 it 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 it is/was a big insurance company in Brazil.Back in 2014, working at Brazil, this project was some sort of a virtual shop to purchase insurances. The user start to choose which type of insurance he wants, simulate/choose how much he want 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 Brasil.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 Brasil back in 2014.The main goal of this back office was to manage VIVO marketing campaigns. It had datatables to view all the data that the client wanted. Had a user edit section as well a stats section. This one consist in several graphs to better view all the data requested by the client.

Vivo

Chef Online belongs to Continente who is probably the biggest food market in Portugal.This project was a Facebook application integrated in Chef Online Facebook page. It had a "like gate" so the user can only participate after liked the Chef Online page. After that he had to fill 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 though Google Maps Street View in search of a "real" gift. There was 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 API's. 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 in integration with a campaign management platform that track all kind 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 it 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?