NODE VUE

REACT JAVA

LARAVEL

Guess who? It's

Shen Yien.

Full Stack Developer.

A cool software engineer who brings ideas to life with seamless functionality. Specialized in crafting innovative solutions and thrive in fast-paced, agile environments.

WHO I AM

{}

</>

Hi there! I'm Shen Yien, a Malaysian fullstack developer with a knack for logical problem solving. My journey began with tackling complex problems on The Euler Project using Python back in 2018, and I've been hooked ever since.

Since then, I've had the opportunity to work with a software house, a technology agency, and a SaaS start-up. Today, I'm dedicated to developing exceptional web applications that tackle user pain points and contribute to making the world a better place to live in.

In addition to my work, I also write blogs where I share my journey as a fullstack developer and the lessons I learned along the journey.

WHERE I WORKED

Web Developer @ Mindworks Interactive

August 2022 - March 2023

Developed a growing food-order web application's payment gateway using Stripe, facilitating over 70% of the startup's sales and generating more than RM 40k in just six months.
Contributed to the successful migration of Loop Foods' platform to Next.js and trpc, managing thousands of files and overseeing all aspects of storefront, backend API services, API webhooks, deployment management, and database structure management.
Collaborated effectively with cross-functional team members to drive Loop Foods' development, showcasing strong project management, problem-solving, and technical skills.
Leveraged strong design skills and collaborated closely with designers to create user-friendly, mobile-responsive and highly functional UIs for Loop Foods

Nestjs

Next.js

tRPC

React

Prisma

Django

Stripe

WHAT I BUILT

Web Application

InstaNext

This is a project for my blog series Fullstack Instagram Clone with Next.js

While Next.js is a popular framework for frontend, the number of fullstack Next.js projects are still relatively few, so I created this series to introduce Next.js to more people.

Unlike other tutorials that only cover a few concepts, this series features complete step-by-step tutorials covering concepts like Database, REST APIs, Authentication and frontend.

React

Next.js

Prisma

Mantine

Tailwind

Hackathon

BizFlow

BizFlow is an AI-Powered (using ChatGPT API) data intelligence systemsubmitted for ImpactHack 2023 Hackathon that we won as champion.

Its goal was to empower SMEs by allowing them to integrate their data sources from various platforms for the AI to learn from. Using the knowledge, FlowAI will be able to provide advice and recommendations to the business owners, acting as a personal assistant.

We even integrated Stable Diffusion and Video Generation into the system

It was even featured on the local news.

Next.js

Flask

ChatGPT

Web Application

Loopfoods

This is an e-commerce website built from scratch for a delivery service startup.

It is a very comprehensive application, consisting of modules related to delivery, food information, admin panel, payment and nutritions.

Due to the startup nature, I had to participate in basically every part of it, from backend, frontend to deployment. There were times when I as a part-timer had to take lead for the project itself. Thus, this was quite a great experience for me.

Nevertheless, as the startup ran out of budget, the operation is closed down.

By the way, tRPC as backend is a really interesting idea.

React

Next.js

tRPC

Mantine

Docker

Mobile Application

Kommunity

This is our project from Odyssey Hackfest. It is a one-stop community management mobile application with a focus on residents' personal safety.

The app has features like Event Management, Resident Management, Help Button, Shake to SOS and more.

The project itself consists of Prototype Design, Business Proposal, and a Working Prototype. In the end, we managed to come out as champion of the hackathon.

Django

React Native

Some Other Interesting Projects

Project Archives

Next Power Starter

Next Power Starter is an optionated Next.js starter template withflexibility & ease of use in mind.

React

Next.js

Mantine

Tailwind

Velocap

Velocap is an AI-driven venture capital management software designed to automate and optimize investments through data-driven decision-making.

Next.js

Flask

SQL

BingAI

Caringly

It is a web application that enables users to monitor posts of their closed one's social media accounts. If any depression or suicidal signs are found in their posts, the users will be notified via an email.

Next.js

Flask

Deep Learning

Vendor Registration Form

A fully customizable form like Google Form, but more! It prefills data collected into new entities while remaining fully fluid and dynamic.

Vue

Laravel

Tailwind

Starbucks - Coffee At Home

This is an event web application that is used by Starbucks in Malaysia to aid the customers throughout the event flow.

Vue

Vuetify