hero

Ansell Maximilian

I am a self-taught website developer based in Indonesia currently majoring in Information Systems in college. I have experience in designing, coding, and deploying websites using different technologies. I am eager to learn and gain more experience from the industry.

See Projects

Projects

Dailee

Task Management App

A task management app made using ReactJS as the front-end and Google's Firebase as the backend. Complete with authentication, you can keep track of tasks and cross them off your list as you complete them. MaterialUI was utilized in the creation of some parts of the app.
dailee app preview
Project Stack
Description

Technology Stack:

react logo
React
sass logo
Sass
firebase logo
Firebase
Typescript logo
Typescript

A CRUD application made with ReactJS and powered by Firebase for data storage and authentication. Firebase's Firestore is used to store relevant data, which is personalized for each user using Firebase Authentication–with register, login, and logout abilities.

MaterialUI was used for some of the styling of the app and to accelerate creation of interactive components, such as dropdowns and modals.

Personal Portfolio

Developer Profile

My personal developer portfolio I deployed in my special repository on my Github account. Sass was used to style this website to help keep the code organized and modular. This website was first designed by me on a free online application Figma.
portfolio website preview
Project Stack
Description

Technology Stack:

HTML logo
HTML
Sass logo
Sass
Figma logo
Figma
Typescript logo
Typescript

My personal portfolio website I designed using Figma. I then translated the design into HTML and CSS which I compiled from Sass. Some interactivity was also added with Javascript compiled from Typecript, so a build step for compiling both Sass and Typescript was added to make development faster.

I also played around with animating SVGs. Learned about the difference from animating regular elements in HTML and SVG's own box model.

Rumah Sehat

Admin Website

A website I created for a data entry job I have. I use this to manage data I deal with a lot. This is primarily an interface for a database created with MongoDB with basic CRUD and search functionalities. This website was styled using bootstrap and sass.
Rumah Sehat preview
Project Stack
Description

Technology Stack:

NodeJS logo
NodeJS
ExpressJS logo
ExpressJS
Sass logo
Sass
Bootstrap logo
Bootstrap

A full-stack website created using the ExpressJS framework. MongoDB was used as the database for which all CRUD operations are available through the Mongoose ORM. An authentication system was built for this site from scratch using PassportJS's password strategy. The styling of the website was created purely out of vanilla Bootstrap.

Attack on Titan API

CRUD API

A CRUD API about the show Attack on Titan created using Laravel and secured using Sanctum. A front-end application made with VueJS was also created to display documentation and preview of the API data.
Attack on Titan API preview
Project Stack
Description

Technology Stack:

Javascript logo
Javascript
PHP logo
PHP
Laravel logo
Laravel
VueJS logo
VueJS

A CRUD API about the show Attack on Titan created using Laravel and secured using Sanctum. All GET operations are avaliable for the resources. For DELETE, POST, and PUT operations, a token with administrative abilities is required, which is generated each time an admin logs into the API.

A front-end application made with VueJS was also created to display documentation and preview of the API data. The application also has a full stateful authentication system by storing the token in local storage after each login and including a Bearer Authorization token for each API request, so CRUD operations are also available through the front-end interface.

Skills

Experience with:

HTML logo
HTML
CSS logo
CSS
Javascript logo
Javascript
React logo
ReactJS
VueJS logo
VueJS
Bootstrap logo
Bootstrap
Sass logo
Sass
MySQL logo
MySQL
NodeJS logo
NodeJS
ExpressJS logo
ExpressJS
MongoDB logo
MongoDB

Familiar with:

Laravel logo
Laravel
Typescript logo
Typescript
Ruby logo
Ruby
Rails logo
Rails