JAMStack Portfolio

This JAMStack Portfolio is a project that combines various technologies to create a fast, performant, and scalable portfolio website. Here is a brief overview of the technologies used in this project:

Development

This portfolio website was built using Tailwind, React, Typescript, Contentful, and Pipedream.

  • Tailwind is a utility-first CSS framework that allows for rapid UI development.
  • React is a popular JavaScript library for building user interfaces.
  • Typescript is a statically typed superset of JavaScript that improves code maintainability and readability.
  • Contentful is a headless CMS that provides an intuitive interface for content creation and management.
  • Pipedream is an integration platform that enables workflow automation and data processing.

Testing

To ensure that the portfolio website is functioning as expected, the following testing tools were used:

  • Jest is a JavaScript testing framework that allows for unit testing and snapshot testing.
  • React Testing Library is a lightweight testing utility for testing React components.
  • Cypress is an end-to-end testing framework that enables integration and acceptance testing.
  • Chrome Lighthouse is a tool that audits the performance, accessibility, and SEO of web pages.

Design

Design is an essential aspect of any website, and the following tools were used to ensure that this portfolio website is visually appealing and user-friendly:

  • Figma is a collaborative interface design tool that allows for prototyping and visual design.
  • Google Lighthouse is a tool that audits the performance, accessibility, and SEO of web pages.
  • Vercel Analytics is a tool that provides real-time metrics and insights into website performance.

Content Provider

To manage the content of the portfolio website, the following technologies were used:

  • Contentful is a headless CMS that provides an intuitive interface for content creation and management.
  • Github Pages is a static website hosting service that enables publishing content directly from a Github repository.

Deployment & Continuous Integration

To deploy the portfolio website and automate the deployment process, the following tools were used:

  • Vercel is a platform that enables seamless deployment and scaling of web projects.
  • Github is a web-based version control system that allows for collaboration and code management.
  • Github Actions is a tool that enables continuous integration and deployment.
  • Contentful Hooks is a feature that allows for triggering of webhooks upon specific events in Contentful, enabling automated deployment and updates of the website.

To set up and run this JAMStack Portfolio project, please follow the instructions in the project's documentation.