Skip to content

julianastahelin/personal-portfolio

Repository files navigation

Personal portfolio

This is my personal portfolio as a front-end web developer, where I show my curriculum and some recent projects.

This project was first built with React and Styled Components. Then, a few months later, I needed to update the info on my tech stack and decided to refactor my entire portfolio applying some of my most recent learnings.

Now, it is built with Next.js, Typescript, Tailwind, Contentlayer and Framer Motion. I used Git and Conventional Commits to keep track of the process and make it as organised as possible.

Hope you like it!

Overview

The project

My portfolio has a home page where I present myself and other pages displaying my tech stack, projects, blog posts and curriculum. I made the whole content in two languages that can be picked on the navbar (portuguese and english). It is responsive to screen sizes from mobile to desktop.

Links

Preview

gif of project being displayed and used on desktop

My process

Built with 👩🏽‍💻

  • Next.js;
  • Typescript;
  • Tailwind;
  • Contentlayer;
  • Framer Motion.

What I practiced/challenges 💪🏽

  • Write and organise data in Markdown;
  • Handle content with Contentlayer;
  • Handle global state with Context API to toggle language;
  • Use React Server and Client Components;
  • Convert project from React to Next.js;
  • Add animations to components using Framer Motion library;
  • Keep code versioned using git, adding modifications via branches and pull requests.

About

Personal portfolio - Juliana Stahelin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages