Portfolio_v3

Overview

The personal website source code of a Staff Frontend Engineer is an open-source project that showcases the developer’s technical learnings over a 5-month period. It features animations powered by CSS variables without the use of libraries. The website serves as a portfolio, focusing on the code rather than image showcases, and was built using Svelte (Sapper) for development, PostCSS for styling, Cypress for testing, and deployed on Netlify.

Features

• CSS-Based Animations: All animations on the website are CSS-based, utilizing CSS variables for dynamic effects.
• No Image Showcase: Instead of traditional project showcases, the focus is on the code itself and Codepen for demonstration.
• Svelte (Sapper) Development: The website is built using Svelte (Sapper) framework for efficient and reactive web development.
• PostCSS Styling: Styling is done using PostCSS, providing extended features for writing maintainable CSS.
• Cypress Testing: Cypress is used for testing the website, ensuring functionality and performance.
• Netlify Deployment: The website is deployed on Netlify for easy and scalable hosting.

Installation

To run the personal website locally, follow these steps:

1. Clone the repository:

   git clone [repository_url]
   

2. Install dependencies:

   cd [project_directory]
   npm install
   

3. Run the development server:

   npm run dev
   

4. Access the website locally:

   Visit http://localhost:port in your browser
   

Summary

The personal website source code of a Staff Frontend Engineer is an open-source project that showcases the use of CSS animations and CSS variables for dynamic effects. It is built with Svelte (Sapper), styled with PostCSS, tested with Cypress, and deployed on Netlify. The website serves as a portfolio focusing on the code itself, devoid of image showcases, and encourages learning and sharing within the community.