loader
left-coverDecor

zephTheDev - Design & Develop

left-cover

ゼ フ 一 六 九 七

WHAT I

DID

MY PROJECTS

    Develop

    Design

    Others

project-coverImg

Behance Clone

This is just a simple clone of Behance, I call it Behalve, and it only have main workflow function. The project demonstrate how I would create a server-side rendering website using Next.js 13 plus Typescript, Grafbase to handle API data, and Google OAuth for authentication.

#react

#nextjs

#typescript

#tailwindcss

#grafbase

#graphql

#googleoauth

#headlessui

project-coverImg

Car Hub

In this project, I make a web app demo using Next.js 13 plus Typescript for handling server-side rendering, while the data comes from Rapid API and Imaginstudio, unfortunately the car images API has expired but it've shown the concept of the project.

#react

#nextjs

#typescript

#tailwindcss

#rapidapi

#imaginstudio

#headlessui

project-coverImg

3D Website

An interesting project, working with Three.js is actually very familiar, compares to some other 3D design apps which I have experienced before, very nice to practice!

#react

#vite

#javascript

#tailwindcss

#threejs

#reactverticaltimeline

project-coverImg

Food Oder Website

This web application is pretty similar to the Behance clone, except it's a single-page app (CSR), which means I only use React, Redux, and Firebase storage as well as Google authentication

#react

#javascript

#tailwindcss

#redux

#firebase

#framermotion