computers with brown walls in the background
Howard Warren
Web Developer
code in background and picture of Howard Warren in a circle
Howard Warren
Web Developer

----------------------- About Me

I am a self-taught web developer. I have over a year of experience using HTML, CSS (SCSS), JavaScript, and React (Gatsby) to create beautiful website templates. I am always learning and improving. Please see some of my projects below.

----------------------- My Projects

picture of project hero image

About This Project

This app allows you to look up athletes. It was built without using any framworks. The API is found at https://www.thesportsdb.com/.

Skills Used

  • Asynchronous JavaScript
  • Fetch data from APIs
  • DOM Manipulation
  • GIT version control
  • HTML and CSS
  • Responsive website
  • Render data to the DOM in a dynamic way
picture of project hero image

About This Project

Translated a static design to HTML and CSS. Later I turned this design into a Gatsby template. This makes it easier for me to use the code in other projects. Gatsby also offers many great features to improve the site. The PSD can be found: Here

Skills Used

  • React (Gatsby)
  • React Bootstrap
  • Adobe XD
  • SCSS
  • Flexbox
  • Responsive website
  • GIT (version control)
picture of protfolio hero picture

About This Project

This project is my portfolio that you are currently viewing. I designed this website in Figma. I am not a designer but I am familiar with the very basics. For this reason, I kept the website simple. I finished this project using Gatsby because of the ability to easily expand the portfolio in the future.

Skills Used

  • React (Gatsby)
  • Website design
  • Figma
  • SCSS
  • Flexbox
  • Responsive website
  • GIT (version control)
picture of project hero image

About This Project

Translated a static design to HTML, CSS and JavaScript. Made sure to pay close attention to detail in order to match the design as accurately as possible. Wrote the HTML and SCSS with readability and reuse in mind. I broke my SCSS up into compartmentalized files. The PSD can be found: Here

Skills Used

  • PSD to HTML, CSS, JavaScript
  • Pixel perfect design
  • Adobe XD
  • SCSS
  • Flexbox
  • Responsive website
  • GIT (version control)

----------------------- Udemy Projects

picture of project hero image

About This Project

This is an ongoing project (the name of the course "complete react developer"). In this assignment we are learning how to build a modern-day e-commerce website using React. So far I have learned how to implement Firebase into a project and Redux to manage global state.

Skills Used

  • React
  • Redux
  • Firebase
  • HTML, CSS
  • Application design
  • Responsive website
  • GIT (version control)
picture of project hero image

About This Project

This is the starter project for the udemy course, "complete react developer". Building a basic react app. It's a monster's Rolodex with a search feature.

Skills Used

  • React
  • Search
  • HTML, CSS
  • Map and Filter array functions
  • GIT (version control)
picture of project hero image

About This Project

While doing this project I was able to learn web design basics, responsive web design, basic SEO, adding google analytics and webpage optimization.

Skills Used

  • HTML, CSS and JavaScript
  • Animations
  • JQuery
  • Basic SEO
  • Responsive website
  • GIT (version control)
  • FleXbox