- Introduced DrawLine component for drawing animations.
- Added LazyRevealImage component for lazy loading images with reveal animations.
- Implemented TextDiffuseReveal for animated text reveals with staggered effects.
- Created TopProgressBar for a dynamic loading indicator.
- Added PointCloud mock for testing animations.
- Developed useReducedMotion hook to handle user preferences for reduced motion.
- Centralized animation configurations in config.ts for easier management.
- Defined animation variants in variants.ts for consistent animation effects.
- Established AnimationProvider to supply global animation settings.
- Created tests for AnimationProvider and useReducedMotion hook.
- Added SVG assets for branding and UI elements.
- Documented frontend review plan and hero circuit board animation plan.
- Revised the metadata in the layout component to reflect a more concise title and description, emphasizing software engineering expertise and high-performance applications.
- Updated keywords to include relevant technologies and skills, enhancing search engine optimization.
- Modified the hero section to replace "Full-Stack Engineer" with "Engenheiro de Software" and refined the description to highlight specialization in scalable architectures and critical systems.
- Adjusted alt text for the Open Graph image to align with the new branding.
- Removed redundant data attributes from the analytics script in the layout component to streamline the code and enhance clarity.
- Maintained essential tracking functionality while improving the overall structure of the analytics integration.
- Modified the Google Analytics collection endpoint in the Next.js configuration to include the automatic addition of "/g/collect" in the transport URL.
- Enhanced comments for better clarity regarding the changes made to the analytics routing.
- Renamed and updated Google Analytics script and collection endpoints in the Next.js configuration for better clarity and security.
- Adjusted the GoogleAnalytics component to reflect new script sources and transport URLs, improving tracking accuracy and data handling.
- Removed unnecessary meta tags and preload links in the layout component to streamline the codebase.
- Replaced the previous Google Analytics proxy routes with a direct integration in the layout component for improved performance and simplicity.
- Updated the Next.js configuration to include new rewrite rules for Google Analytics scripts and collection endpoints.
- Removed outdated proxy logic to enhance code clarity and maintainability.
- Changed the parameter type in the GET function to a promise, ensuring proper resolution of the `id` before use.
- Improved error handling by awaiting the parameters, enhancing the robustness of the API route.
- Refactored Google Analytics proxy routes in the Next.js configuration to enhance fallback handling.
- Improved fetch interception logic in the RootLayout component for more robust handling of Google Analytics requests, including support for `sendBeacon`.
- Updated the analytics script source to align with new API routes for better tracking accuracy.
- Added security headers in the Next.js configuration to enhance application security.
- Updated metadata in the layout component for improved SEO, including new titles, descriptions, and keywords.
- Introduced JSON-LD schema for projects to enhance search engine visibility.
- Enhanced project descriptions in the portfolio data for clarity and detail.
- Improved header component with logo integration and refined social media links for better accessibility.
- Added data attributes to the analytics script for improved user data handling, including replay masking and blocking options to enhance privacy and tracking accuracy.
- Implemented a rewrite rule in the Next.js configuration to proxy analytics requests, bypassing adblockers for Rybbit Analytics.
- Enhanced the RootLayout component by correcting the typing of the children prop and improving the structure for better type safety.
- Added a preconnect link for the analytics service to improve loading performance.
- Included a script for analytics tracking, set to load after the interactive phase for better user experience.
- Updated the message template in the Contact component to improve readability by removing unnecessary icons and enhancing the structure of the generated message.
- Ensured that the client information and project description are clearly presented, maintaining a professional format for project requests.
- Updated the Contact component to include a WhatsApp integration for project requests, streamlining communication.
- Improved form handling with clearer placeholder text and refined emoji-based message templates for better user engagement.
- Adjusted submission delay for a more responsive user experience and enhanced button labeling for clarity.
- Revamped the About component with new titles and descriptions for core values, enhancing clarity and engagement.
- Updated the Skills component by removing unnecessary type handling and improving animation effects for better user experience.
- Adjusted styling in the WorkModalities component, refining color variants and badge presentation for improved visual consistency.
- Renamed and restructured service options for clarity, including "Intervenção Ad-hoc" and "Alocação de Sprint."
- Enhanced descriptions and benefits for each modality to better reflect service value and target audience.
- Improved market comparison section with detailed descriptions for agencies, consultancies, freelancers, and in-house engineers.
- Adjusted layout and styling for better readability and user experience.
- Added section IDs to About, Contact, and Hero components for improved navigation and accessibility.
- Refactored Header component to utilize a structured navigation array, enhancing maintainability and responsiveness.
- Updated Skills component to improve type handling and visual consistency, including a loading state and error handling.
- Adjusted styling and animations across components for a smoother user experience and better visual appeal.
- Refactored the Contact component to improve form handling and user feedback, introducing a custom shimmer button and enhanced form validation.
- Updated the Experience component to optimize rendering and improve data handling with memoization, ensuring efficient performance.
- Enhanced the Projects component with a new layout and improved project filtering, utilizing memoization for better performance.
- Refined the Skills component to streamline the display of technical skills, incorporating a loading state and error handling for better user experience.
- Revamped the WorkModalities component to present service options more clearly, including a market comparison section for better user decision-making.
- Refactored the About component to improve data management by introducing structured data arrays for story sections and core values, enhancing maintainability and readability.
- Updated the Hero component to refine layout and visual elements, including a new greeting message logic, improved social media links, and enhanced profile image presentation.
- Simplified the codebase by removing redundant elements and optimizing component rendering for better performance and user experience.
Bump Next.js and its associated packages in package.json and pnpm-lock.yaml to the latest version, ensuring compatibility and access to the latest features and fixes. This update includes changes to the versioning of several Next.js components.
Enable workspace features for the root directory by including '.' in the packages list, facilitating better monorepo management and dependency handling.
Added new optional fields to the PortfolioData projects interface: subtitle for additional project description, badges array for highlighting key features, and metrics object for complexity and team size. This enhances the portfolio data structure to support richer project representations.
Enhance the About page with new story sections detailing personal journey and core values, including icons and structured content for better user engagement and self-presentation.
Translate the rotating text in the hero section from Portuguese to English to improve internationalization. This change updates the displayed job titles and focus areas.
Refactor the Hero component to improve visual spacing and update descriptive text for clarity.
- Adjusted `h1` margin-bottom and text color for better visual hierarchy.
- Updated the descriptive paragraph to be more concise and impactful.
- Modified the scroll indicator's bottom position for improved placement.
- Ensured `html` and `body` elements prevent horizontal overflow.
- Applied `max-w-full` to canvas elements to prevent layout issues.
- Updated `portfolio-data.json` to refine skill categories and add new skills (Python, Docker, Cloudflare).
Add a responsive mobile navigation menu to the `Header` component, allowing users to easily access different sections of the portfolio on smaller screens. This includes a toggle button for opening/closing the menu and smooth animations for its appearance.
Introduce a `RotatingText` component in the `Hero` section to dynamically display different professional titles, enhancing the visual appeal and conveying diverse skills.
Update `package.json` to include `framer-motion` as a dependency, which is utilized for the new animations.
- Improved the contact form's message generation with more professional and detailed templates
- Replaced the grid-based background animation with a WebGL-powered particle system using OGL
- Added GSAP for advanced animation capabilities
- Adjusted layout styling for better centering and spacing across components
- Enhanced visual feedback and interactivity of the animated background
This change significantly upgrades the user experience and visual appeal of the contact section while maintaining performance through efficient rendering techniques.
This commit initializes the project with a basic Next.js setup, including:
- Integration of `tailwindcss` and `tw-animate-css` for styling.
- Definition of a comprehensive color palette using CSS variables for both light and dark themes, supporting a theming system.
- Implementation of a custom `aurora` keyframe animation.
- Configuration of global CSS styles for `border` and `body` elements.
- Setup of `next.config.ts` with image optimization, performance enhancements, and security headers (X-Frame-Options, X-Content-Type-Options, Referrer-Policy).
- Update of `package.json` to include new dependencies for UI components (`class-variance-authority`, `clsx`, `lucide-react`, `motion`, `tailwind-merge`, `tailwindcss-animate`) and development tools (`@biomejs/biome`, `@tailwindcss/postcss`, `tw-animate-css`).
- Refinement of `app/layout.tsx` to include comprehensive metadata for SEO (title, description, keywords, authors, Open Graph, Twitter cards, robots), preconnect/dns-prefetch links for external resources, favicon, manifest, and mobile app meta tags.
- Restructuring of `app/page.tsx` to use dynamic imports for various sections (Hero, About, Skills, Experience, Projects, Contact, WorkModalities) to improve performance, and integration of `Squares` component for background effects.
This foundational commit prepares the application for further development by establishing a robust and performant base.
