DavidRoman

Front-End Developer

Passionate problem solver, aspiring to be more than just average.

Scroll down to learn more

Notflix

screenshot of project
  • React
  • |
  • Firebase
  • |
  • REST
  • |
  • SASS
  • |
  • Webpack

Overview

Comprehensive Netflix clone with full CRUD functionality

Features

  • Complete authentication system via Firebase
  • Database with individual user watchlist data
  • REST API calls to TMDB for movie/show data
  • Infinite scrolling
  • Search functionality

What I learned

The biggest challenge I faced with this project was state management, which was greatly attributed to the fact that I did not have a full picture of the structure before I began coding. This experience helped me to realize the necessity of fully understanding the design of a system before building it. For the next version, I plan to redesign the entire application to leverage Redux and React Router.

COVID Tracker

screenshot of project
  • React
  • |
  • Next
  • |
  • Redux
  • |
  • React Three Fiber
  • |
  • SASS
  • |
  • Material UI
  • |
  • Express
  • |
  • REST

Overview

Global & local COVID news and statistics tracker

Features

  • Clickable 3D globe
  • Search functionality
  • Proxy server built with Express to hide API keys
  • State management handled via Redux
  • Custom themes
  • Light/Dark mode

What I learned

This was my first project working with Redux and I immediately thought to myself, "Why didn't I learn this earlier?!?" This also gave me an opportunity to begin implementing what I've learned about back-end development by building a proxy server. Also, working with 3D is hard! Respect to all the game devs.

Portfolio

screenshot of project
  • React
  • |
  • Next
  • |
  • Tailwind

Overview

Statically generated site showcasing my favorite projects

Features

  • Parallax scroll effect
  • Intersection observer animations
  • Contact form

What I learned

In addition to the parallax scrolling and intersection observers, in order to achieve the mental image of the design for this site, I had to learn a little bit about video editing. Specifically, how to change the color of the video as well as how to make it a seamless loop.