my profile

Hi! It's Feng here

I am a

Full stack JavaScript/TypeScript developer, former architect and real estate developer. Passionate in programming, gaming, reading and arts. Have good eyes and minds for design. Prepared to embrace challenges.

Personal Projects

Selected personal projects

Why Midnight Sun

Interactive illustration of sun moving path
Project preview gif
Three.js
R3F
Drei
Next.js
TypeScript
React-Leaflet
NextUI
TailwindCSS

I was fascinated by the evening sun when I first arrived in Stockholm. It took me a little bit of time to understand why. There are many articles explaining this, but I don't find them very intuitive.So, I built this interactive app to help people like me to understand this phenomenon in an easier and more intuitive way.

Moboga

MOvies, BOoks and GAmes
Project preview gif
TypeScript
React
Express.js
GoJS

MoboGa is a platform that showcases the interconnectedness between movies, books, and game adaptations of stories for fans. Here, you can delve into alternate dimensions of your favorite stories. For instance, if you're an avid reader and viewer of the Harry Potter series, you may also enjoy exploring the world of Harry Potter video games.

Talenthub

Connect talents and positions
Project preview gif
TypeScript
React
Vite
.NET
TailwindCSS
MUI
Auth0
Supabase

We are building a full-stack application designed to match our database of developers with available jobs in Stockohlm. Our job data is provided by the jobtechdev API.

Multi-Currency Accounting

Project preview gif
Python
Flask
PostgreSQL

This app can help you record your costs in different currencies(as many as you want!). And you can specify one main currency, so all the costs will be summed up into nominated currency by the exchange rates of that day.

Placing Ground

Project preview gif
TypeScript
Three.js
React
React-three-fiber

Test placing a product in 3D environment

Scorecard

Shows the diversity and skills
Project preview gif
TypeScript
React
Next.js
NextUI

A card that helps employers meet perfect developer. Developed for internal use for instructors and sales to communicate on abilities and diversities a developer has. Woring in progress.

Client Projects

Selected consulting projects from my works.

With Furnity

Adjustable room model as a foundation
Project preview gif
TypeScript
Three.js
React
React-three-fiber

Furnity is foucusing on providing a smooth space for testing out interior solutions for people.

Our task is crafting a 3D model of an adjustable room as a foundation to the product for users to test out how furnitures fit out their own apartment.

I worked as the project leader, where I developed a strategy to advance the project by breaking down the overarching, ambiguous goal into several smaller, achievable objectives. Then we do team programming and code everything together as a team.

With Vakansa

Build a dynamic calendar component
Project preview gif
JavaScript
React
MUI

Vakansa focuses on provide a platform for people to find an office anytime anywhere.

Our task is to build a calendar that shows the avaliabilities of each office.

I worked as a team member, team programmed on modifying the MUI calendar component to connect meeting room avaliable time slots.

With Flowpass

A place to find a meeting room
Project preview gif
browse.ai
airtable
softr

Flowpass works on providing solution for workspaces.

Our assignment is building up a new web app that gathering meeting room informations for people to select, targeting Swedish market.

I worked as a team member, mainly worked on formatting raw data, and frontend design on Softr.

With Parametric

Data visulazation on Dashboard
Project preview gif
Svelte
Chart.js
TypeScript

Parametric provides advanced platform for real estate developer and architects to test out plan quickly and accurately.

Our assignment is build a Dashboard page so our client can follow up User Analytics.

I worked on one sepecfic component that shows the numbers and trends of users and projects.

With Sinom

Toast notifications
Project preview gif
GraphQL
Apollo
React
TypeScript

Sinom works on building a planning tool for renovation and maintenance of properties.

Our tasks are different and work individually.

My task is build a toast notification system for every information update by using react-hot-toast.

With Palats

Design token system
Project preview gif
TailwindCSS
Storybook
React
MUI
TypeScript

Palats offers an efficient tool for taking inventory of office furniture and building materials, simplifying the process of reusing and selling them.

Our task is designing and implementing a design token system.

I work as the team leader, work in team programming method, implementing design token system based a Figma design file, and produced several components based on new developed design token system.

With Propida

Agreements system
Project preview gif
Sequelize
Graphql
JavaScript
React

Propida works on building the bridge for property owners and real estate contractors.

Our task in the project is to build an agreement system in their existing app, so the property owners can manage all the contracts with contractors, so does the contractors.

I work as the team leader in this project, made the overall plan for project, and implemented the agreement system with team members

With Esthers

Web app performance optimisations
Project preview gif
TypeScript
React
Next.js
Node.js
Nest.js
MongoDB
Goolgle Lighthouse
Cloudinary

Esthers is a platform for influencers to share their ways of living style with fans.

Our task is giving consulting solutions to improve the perfermance of client app.

I focused on app perfermance analytics, images and videos optimizations.

Contact Me

Email: fengy142857@gmail.com