Lougie
Q Quisel

Recent Projects

ReactJS / NextJS

Undivided

Built with NextJS, TypeScript and SASS using Apollo Client in the frontend. It is also using the Incremental Static Regeneration building feature of NextJS.

The backend is built with Strapi which is a NodeJS Headless CMS. It is also using GraphQL in the backend and a PostgreSQL database. I'm in charge of the whole project from frontend to backend development.

The site's backend assets are hosted in AWS S3 with CloudFront CDN.

Next.jsTypeScriptSASSApollo ClientStrapiGraphQLPostgreSQLS3CloudFront
VISIT WEBSITE

Whipshots

A website for the upcoming product by Starco Brands that is being endorsed by Cardi B herself. This site is built with NextJS, Typescript and SASS.

Next.jsTypeScriptSASS
VISIT WEBSITE

The WOO

This is our company's website that is built with NextJS, TypeScript and SASS using Apollo Client in the frontend. It is also using the Incremental Static Regeneration building feature of NextJS.

The backend is built with a Headless WP using a WPGraphQL plugin. I'm in charge of the whole project from frontend to backend development.

The site's backend assets are hosted in AWS S3 with CloudFront CDN.

Next.jsTypeScriptSASSApollo ClientGraphQLHeadless WPS3CloudFront
VISIT WEBSITE

React eCommerce

This is my personal open source project. A simple eCommerce website that is built with NextJS framework and AntD design system. The backend is a Headless WP with WooCommerce plugin.

I'm currently working on upgrading this project to use WPGraphQL and NextJS's Incremental Static Regeneration.

Next.jsTypeScriptLESSReact ReduxHeadless WP
VISIT WEBSITE

WP React Typescript

My other personal project that helped me learn Typescript and made me realize how awesome it is for your project. After this project, I started to use Typescript in all of my next ReactJS, React Native & NextJS projects.

This also taught me how to implement testing. I learned how to use JEST and Enzyme and it also made me realize how important testing is.

React.jsWP REST APIReact ReduxTypescriptJestEnzyme
VISIT GIT

React Native

Hungry Duma

This is my first ever React Native project that was published to the Google Play Store. I am using Headless WP for my backend. This project really helped me master React Native. It also taught me how to manage react-navigation properly as well.

React NativeReact Native MapsReact ReduxWP REST API
VISIT PLAY STORE

Freelancer Kiosk App

This is a simple app that records the Time In and Time Out of the company's interns. The submitted data is saved into the backend and can be exported easily.

React NativeReact ReduxWP REST APITypescript
WATCH IT IN ACTION

Shedynasty Podcast App

A podcast app for the Shedynasty.com website. This is one of the biggest apps that I developed. I learned a lot about handling huge data with the REST API and it also enhanced my Typescript knowledge as well.

React NativeReact ReduxWP REST APITypescript
WATCH IT IN ACTION

Wordpress

American Business Bank

This is a Wordpress website that is converted into a static website using Simply Static plugin.

WordpressSimply StaticElementor
VISIT WEBSITE

WNA

Probably, the biggest website that I developed so far. This is a pure Wordpress website with a lot of customizations. I built plugins for several features of this website. I also created a report that is made with ReactJS for this website.

WordpressCustom PluginsMailchimpAdmin ReportingReactJS
VISIT WEBSITE

CodeIgniter

Onlinejobs.PH

Built with CodeIgniter framework. Most of the time, I'm assigned to building Admin reports and site optimizations. I was also one of the developers who worked on it's redesign.

PHPDatabase ManagementData Reporting
VISIT WEBSITE