Chris Hansen

Frontend Developer | Fullstack tendencies

I work at the crossroads of design and code, fueled by a passion for web development and data.

With a strong foundation in web development, informatics and data, my background blends formal education with practical experience. From university to full-stack javascript bootcamps, I've gained both the tools, and skills to develop engaging and meaningful web applications. My mix of structured education and self taught passion, enables me to craft interactive and data-rich websites that enchance both user experience and business decisions.

Education

See All

Information Science and Data Analytics

San Jose State University

Natural Sciences Degree

Merritt College

Sociology Degree

Merritt College

Google Information Technology Certificate

Google

Google Cybersecurity Certificate

Google

Experiences

Full Stack Web Developer

GoNative | Median

UI Developer

Go Native | Median

Web Developer

2 Souls 1 Heart | Non-profit

Photo Editor

GoNative | Median

Skills

See All

Serverless Architecture

A cloud computing execution model where the cloud provider runs the server and dynamically manages the allocation of machine resources.

DevOps

CI/CD

Continuous Integration and Continuous Deployment pipelines for automating testing, integration, and deployment of code.

DevOps

AWS

Amazon Web Services, a comprehensive cloud computing platform offering services such as storage, computing, and databases.

DevOps

AWS Amplify

A set of tools and services for building scalable full-stack web and mobile apps, integrated with AWS.

DevOps

Netlify

A cloud platform that automates modern web projects with continuous deployment and serverless functions.

DevOps

Vercel

A cloud platform for static sites and serverless functions, optimized for Next.js.

DevOps

Projects

See All

The Museum

Museum is a React-based web app utilizing the Art Institute of Chicago’s API. This project leverages modern web development practices, including JavaScript, React, dynamic and protected routes, and reusable components. API calls are handled using Axios, with logic abstracted for maintainability. Styling is powered by TailwindCSS for a clean, responsive UI. Key features include browsing a diverse collection of artwork, shopping from the museum store, searching for specific artwork or locations, and saving your favorite pieces to a personal collection. Users can also engage with the community by exploring artwork saved by other members.

full-stack

Quick Stories

Quick Stories is a place to read quick stories that can satisfy any reader! It covers many genres, and hosts unique stories. Quick stories is a full-stack application demonstrating the use of React, Modern and Responsive design, Tailwindcss, re-usable components, dynamic routing with React Router, state management with Zustand, Authentication and NOSQL with firebase, Artificial Intelligence, and more!

full-stack

CSS Garden

See All

Result Summary

A tailwindcss designed react app meant to demonstrated a simple performance based results summary.

css

Order Summary Component

The Order Summary component is a mobile responsive react card displaying information on an websites/apps annual plan. Features a frosted/transparent glass effect offering a modern and trendy user design and experience.

css

🀍 1299

Great Beginner Friendly API's To Start Practicing Frontend Development πŸ§‘β€πŸ’»

UPDATE: I have updated my list of beginner friendly APIs. Check out numbers 9, 10 and 11 on the...

webdev
beginners
tutorial
codenewbie

🀍 1195

How to stay focused πŸ” as a self taught Frontend Web Developer πŸ’»

Staying focused is one of the hardest tasks when pursuing a new hobby, goal or project. Trying to...

beginners
webdev
productivity
devjournal

🀍 945

Master Frontend Development πŸ’» By Cloning These Websites πŸ’―

UPDATE I cloned one of these websites! I haven't built a website with pure html, css and...

webdev
beginners
html
css

🀍 330

No Fuss Dark-Mode Toggle with React & Styled-Components! πŸŒžβ†”οΈπŸŒ–

Have you noticed dark mode is pretty standard lately? Well, that's because it's badass! Let's...

webdev
tutorial
react
javascript