Portfolio

screenshot of Portfolio
astro
react
tailwind
firebase

Portfolio built with Astro, React, TypeScript and TailwindCSS.

Overview

Oscar Hernandez's portfolio showcases a modern and interactive web experience, utilizing a variety of cutting-edge technologies to create an engaging interface. The site emphasizes the importance of design aesthetics and user interaction, drawing potential clients and collaborators into a vibrant digital world. Key highlights include the integration of audio elements and visually appealing animations, ensuring that users remain captivated while exploring the various projects.

Features

  • Dynamic Player Integration: Effortlessly showcase your favorite Spotify albums by easily embedding tracks directly into the portfolio.
  • Utilization of Astro Themes: The site is built using Astro, which promotes fast performance and efficient rendering, ensuring an optimal user experience.
  • Responsive Design: Designed with mobile-first principles, the site adapts seamlessly across different devices and screen sizes.
  • Technological Stack: Leveraging modern tools such as TailwindCSS for styling and TypeScript for a robust codebase ensures high-quality development practices.
  • Component-Based Architecture: Built using React, the portfolio features reusable components, allowing for easy updates and scalability.
  • Simple Deployment Process: Clear instructions are provided for cloning the repo, installing dependencies, and starting the development server, making it accessible for other developers.
  • Open Source License: The project is licensed under the MIT License, encouraging collaboration and redistribution while ensuring proper attribution.
  • Aesthetic Design Tools: The use of Figma and Canva in the design process highlights a focus on visual appeal and user engagement.
astro
Astro

Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.