Hi, this is

Hao Chen, Liu

Web Developer & Historian based in Berlin

haochen

About me

My interest in web development began when I attended a digital humanities workshop during my studies. I realized that in order to reach more people, high-quality content needs to be supported by modern technologies. I believe the web is the most powerful and universal medium, so I decided to give web development a try and ended up loving it. After a year of self-learning and 9 weeks of intensive training at Le Wagon, I've embarked on a career as a web developer. Presently I'm working as a software developer at flaschenpost SE.

Find out more about me

Skills

Here are some tech skills I've delved into:

Frontend

HTML5

HTML5

CSS3

CSS3

Javascript

Javascript

Frameworks/Libraries

react

React

nextjs

NextJS

tailwind

Tailwind

Backend & Database

rails

Rails

postgresQL

PostgreSQL

firebase

Firebase

Other tools

git

Git

github

Github

figma

Figma

Projects

My Stoury

My Stoury

linkgithub

My Stoury is a traveling companion useful for planning a journey, documenting it, and posting its highlights. I built this app with my team as the final project of Le Wagon Berlin. This is a Ruby on Rails 7 application using PostgreSQL as the database. We implemented Mapbox API to build the live map of each trip plan and utilized Stimulus JS to manipulate page behaviors like interactive maps and chatrooms.


Rails

Bootstrap

PostgreSQL

Heroku

Instant Skills

Instant Skills

linkgithub

Instant Skills is an online marketplace similar to Airbnb, developed using Ruby on Rails 7. Instead of apartments or houses, it allows users to offer and rent skills. PostgreSQL is used as the database for the application, while Bootstrap and custom CSS (SCSS) have been used for front-end styling.


Rails

Bootstrap

PostgreSQL

Crown Clothing

Crown Clothing

linkgithub

Crown Clothing is a made-up online marketplace for clothing. It was built with React on the frontend and Redux for state management. The project also integrates Material UI to combine CSS with JSX components, giving it a cohesive and visually appealing design. The backend is powered by Firebase, providing a reliable and secure platform for data management. Additionally, I implemented Stripe for payment processing.


React

Redux

Firebase

Stripe

My Portfolio

My Portfolio

linkgithub

"THIS" is it! Welcome to my personal website! This site, which includes my portfolio and personal blog, is built using React and NextJS, which allows for a smooth and interactive user experience. I've also used Tailwind CSS to style the site, giving it a modern and clean look. In addition, I've used Sanity.io as a headless CMS for my blog, allowing me to easily manage and update my content. Thank you for visiting, and I hope you enjoy your stay!


React

NextJS

Tailwind

Sanity.io

Contact

I am incredibly grateful to have landed my first job as a Software Developer. While I'm not currently actively searching for a new job, I'm open to collaborating on projects and engaging in discussions about the tech industry. If you'd like to chat, talk about the transition into tech, or simply connect through social media, please don't hesitate to reach out to me.

Let's Chat