Patrick Karanja
Front End Developer.

- Two years experience working with React, JavaScript, HTML/CSS to deliver exceptional user experiences.
- Adept at contributing to a highly collaborative environment, finding solutions, and delivering customer satisfaction.
- Enjoys challenges, thrives in teams, hard worker, excellent communicator, and strong writing skills.

About Me

I am a passionate Front End Developer who is highly dedicated, self-driven, innovative and ambitious. I'm a fast learner and a good team player with good interpersonal skills. I possess great desire and eagerness to prosper in all works that I venture in. My desire is to work in a highly competitive, innovative and dynamic organization specializing in providing quality web applications. I enjoy building web apps using javaScript, React.js, Gatsby, Next.js, Node.js and exploring some of the other cool libraries available on the web. I possess versatility, charisma and thrive well in fast-moving environments. I maintain the focus to meet and exceed set objectives and promote governance in ethics and moral values while improving my coding skills.

Stack
  • Html5
  • Css3
  • JavaScript
  • React
  • Gatsby.js
  • Next.js
  • Styled-components
  • Tailwind Css
  • Node.js
  • Projects

    My Portfolio

    My Portfolio


    I built this portfolio using Next.js and styled-components. I also used Contentful cms for backend where i stored my projects data for easier update in the future. I deployed it to netlify via Github inorder to automatically trigger redeploy any time i make changes to my headless cms.

    Stack
    ReactNext.jsstyled-componentscontentful
    Guggle search engine

    Guggle search engine


    This is a clone of google search engine, It helps users search for various things on the web. It also allows them to filter their results i.e images, videos or news.It uses React Player to render the videos and It also supports both light and dark theme.

    Stack
    ReactGoogle search apiTailwind Css
    Weather App

    Weather App


    I built this simple weather app using using react and css modules for the front-end and MetaWeather api to fetch forecast data

    Stack
    ReactCss modulesMetaWeatherApi
    Recipe Site

    Recipe Site


    Using React, Gatsby.js and Contentful headles cms for back-end api, I created this dummy recipe site. It has dynamic page creation when you click on a single recipe. You can also filter recipies using tags

    Stack
    ReactGatsby.jsContentfulGraphQl
    Movie website

    Movie website


    This app allows users get infomation on the latest movies and television series. It allows them to such for various movies and series based on key term. It also gives ratings and gives users access to trailer's link

    Stack
    ReactMaterial-UimovieDb api

    Technologies

    I've worked with a range of technologies in the world of web development, from Front-end To the Back-end. I usually use JavaScript as my core programming language especially Es6 modules. I am currently learning python and exploring the new features of React 18,JavaScript Es2021

    • Front-End

      Experiece with:
      Html5,
      Css3,JavaScript,
      React.js , Gatsby.js
      and Next.js

    • Back-End

      Experience with:
      Node.js, express,
      MongoDb, Strapi
      and Contentful

    • Other

      Experience with:
      Git,Github,
      Material-ui,
      styled-components

    Get in touch

    Ā©copyright2021. Designed & Build by Patrick Karanja using Next.js