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.

Website

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.

Tags

Projects using SASS

Filter by tag

Want to talk?