hi, my name is

Johann Pereira

I build things for the web.

I’m a software developer specializing in building (and occasionally designing) exceptional digital experiences. Currently, I'm working at Materialize and as a freelancer at Upwork.

Check my GitHub
01.

About Me

HHi there! I'm Johann, a 22-year-old programmer from Brazil fluent in both Portuguese and English. With over five years of programming experience, I've honed my skills in Elm, React, Css (Tailwind, Sass, Styled Components, PostCSS, etc), and HTML Accessibility.

I began my journey in 2018 and since then, I've delved deep into coding, refining my craft at Materialize where I specialized in Elm and Scss. Later, I spent two fulfilling years at Reside as a React developer, adept at resolving visual and accessibility bugs.

Currently, I'm exploring Qwik and React Native to further expand my skill set and delve into new technologies. Eager to collaborate? Feel free to reach out—I'm always keen to learn and embark on new ventures!

Explore my portfolio website and projects on GitHub to see my work firsthand. Let's create something awesome together!

  • arrow_rightelm
  • arrow_righthtml - css/sass
  • arrow_rightdesign - figma
  • arrow_rightJs/Ts - React
  • arrow_rightshell - bash/zsh
  • arrow_rightgo(golang)
Profile Photo
02.

Companies I worked with

Front-End Developer
@materialize

July 2021 – Nov 2022

  • arrow_right

    An start-up for instant hiring solution, that connects specialists and clients around the word, to work together.

  • arrow_right

    They have a plataform to management the interaction between the users.I build the plataform from the start, with a variety of different languages, and frameworks. Such as Elm, Css/Sass, Javascript/Typescript, html, docker, and more.

  • arrow_right

    I make the visual of the platform on the Front-End, and I work on the website as well. Using WordPress, Html and Css.

03.

Some Things I've Built

Materialize Plataform - Photo
Featured Project
Materialize Plataform

A plataform to schedule Specialist and Clients to work together. There are implementations such as, Teams management, Profiles - Hating - Schedule, Chat/Call rooms to work together and opportunities.

  • Elm
  • Html
  • Sass
  • Tailwind
  • Webpack
  • Vite
  • Typescript
  • Wordpress
open_in_new
Reside - Photo
Featured Project
Reside

Reside streamlines senior care admissions. Facilities can automate tasks, collect data for better decision-making, and gain valuable insights. Families benefit from a faster, more convenient application process with secure e-signing.

  • React
  • Typescript
  • Sass
  • QA
  • Styled Components
  • Html Accessibility
  • Java
open_in_new
Revex - Photo
Featured Project
Revex

Open source boilerplate for Elm. Integrated with Vite, EsBuild, and a lot more. I build It to do the process of build a new project with elm a lot easer. I'm also the maintainer of the project, and it was build with all the new cool technologies.

  • Elm
  • Elm-Spa
  • Vite
  • Sass
  • Tailwind
  • EsBuild
  • Typescript
open_in_new

Other Noteworthy Projects

View the my side projects

  • folderopen_in_new
    Out Doors Website

    A simple website for a company that sells outdoor gear. It's just the home page is responsive and super beautiful. Design coped see on repository where.

    • Elm
    • Sass
    • Netlify
  • folderopen_in_new
    Excel on Practice

    A freelance that I worked on, It's a homepage to sell a week course, of how to use excel excel, I was super cool make a in 3 days.

    • ReactJs
    • Sass
    • ViteJs
  • folderopen_in_new
    Grid News

    Website with a grid system that I like, so I made my version. The original site is on the description of the github project. Not finished.

    • Elm
    • PostCss
    • Tailwind
    • Sass
  • folder
    Snake Game Build with Rust

    An Game made with Bevy, a Rust Framework. Just to learn how to use it.

    • Rust
    • Bevy
    • Cargo
  • folder
    My Shell Config

    The Terminal is the most personal thing of a developer, in this project I made a config for my shell as me.

    • ZShel
    • O-My-ZShell
    • p10k
  • folderopen_in_new
    Developers Concept

    This was an attempt to make a portfolio that fail.

    • Elm
    • Elm-spa
    • Sass
    • Tailwind
  • folder
    Kelpie

    My first website made with Elm, I was super cool to make, and super hard because Elm, its super hard at start. The site is a copy of Unsplash.

    • Elm
    • Webpack
    • Sass
    • Tailwind
  • folderopen_in_new
    Elm Spotify

    The elm-spotify was an attempt to make a clone of spotify width elm. Not just that, I try to document on Medium and Dev.io.

    • Elm
    • Docker
    • Vite
    • Sass
  • folder
    Email Constructor

    I use this project to make the html of emails

    • Elm
    • Email
    • PostCss
    • Sass
  • folder
    Calc Flutter

    I try to learn flutter, so I made this calculator.

    • Flutter
    • Dart
  • folder
    Timer Countdown

    Timer Countdown is a simple timer that I made with Go(golang), I don't know why huahauahua.

    • Flutter
    • Dart
  • folder
    Flus

    A app made with React Native.

    • ReactNative
    • Typescript
04.

What’s Next?

Get In Touch

Although I’m not currently looking for any new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I’ll try my best to get back to you!

Say Hello