Projects I Have Worked On

MatrixDAO

MatrixDAO is a Decentralized Autonomous Organization which built for Matrix movie lovers which deployed on Ethereum Rinkeby Test Network.

People can log in with their metamask wallet and mint their membership NFT for MatrixDAO, and people can receive MatrixDAO governance token MTX from airdroping. People can vote their proposal to utilize their treasury.

Built MatrixDAO with thirdweb.js and ethers.js and smart contracts.

The frontend is built using React JS and styled using Tailwindcss .

If you wish to test this project, please feel free to login in with your metamask on Rinkeby, no gas fee will be needed.

React

React

Ethers.js

Ethers.js

Solidity

Solidity

Disney+ Clone

Built Disney+ Clone with TMDB API wtih Google account's Sign-in feature

The frontend is built using Next JS and styled using Tailwindcss .

The app is integrated TMDB's Popular Movies and Shows, Top Rated Movies and Shows. You can also check every movies or shows' trailer.

If you wish to test this project, please feel free to login in with your google account, no privacy information will be shared.

Next.js

Next.js

Tailwindsss

Tailwindsss

Firebase

Firebase

Redux

Redux

Trip Advisor App

Built and deployed an advanced Travel Companion Application which user can search restaurants, hotels and attractions anywhere on the world with React JS and Material UI.

Integrated with Google Maps API, Geolocation, Trip Advisor API, Searching for places, .

Fetched restaurants, hotels and attractions data based on location from specialized Rapid APIs, data filtering.

React

React

Material-UI

Material-UI

Sass

Sass

E-commerce Dashboard

Created a fully responsive dashboard website with great styled and reusable UI components.

Built by React JS, React Hooks, React Router and Material UI.

React

React

Material-UI

Material-UI

Sass

Sass

project image

Portfolio-V2

My portfolio website build with React using Next.js framework.

The source code is writtin in 100% TypeScript and the project is easy to maintain with the type safety provided by Typescript. The source code is very moduler allowing easy debugging.

Styling is done using Material-UI, the website comes with two themes, dark and light.

Animations are done using two libraries, react-spring for the bouncy logo animations, and framer-motion for page transitions.

next/image which is a new Next.js 10 feature is being used to automatically resize images according to display and also prevent html elements shifting from slow loading images.

This description is typed as markdown in source code, the Project component takes in props for links, icons, title, images, etc; nothing is hard coded.

TypeScript

TypeScript

Next.js

Next.js

React

React

Material-UI

Material-UI

react-spring

react-spring

Framer Motion

Framer Motion

project image