Personal Portfolio V2
Rebuild of my personal portfolio webpage using React and Gatsby :blue_heart:
Overview
Maribel Duran has created an impressive portfolio website using modern web technologies like React and Gatsby. The project showcases her development skills and serves as a testament to the performance and flexibility of Gatsby as a static site generator. Her technical blog post detailing the optimization process adds valuable insights for anyone looking to enhance their web projects.
Features
- Performance Optimization: Leveraging Gatsby, the site is built for speed, helping to ensure a fast user experience.
- Responsive Design: Using Bootstrap, the website easily adapts to various screen sizes, making it user-friendly on devices of all types.
- Iconography with Font Awesome: The inclusion of Font Awesome provides a sleek and modern look with a range of icons to enhance visual communication.
- Clean Code with Prettier: Maribel uses Prettier to maintain consistent code formatting, making the codebase more readable and easier to navigate.
- Hosting on Netlify: The site is hosted on Netlify, providing reliable uptime and easy deployment solutions.
- Future Enhancements: Plans to localize the app, improve accessibility, and incorporate dark/light mode indicate a commitment to ongoing development and user experience improvement.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- HTML
HTML templates are pre-designed and pre-built web pages that can be customized and used as a basis for building websites. They often include common elements such as headers, footers, menus, and content sections, and can be easily edited using HTML and CSS to fit specific branding and content needs.
- 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
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.