Skip to content

MatheusStefan/Buzzvel-2024-Dev-Team-Test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Buzzvel Developer Project

This project was created as part of the application process for a developer position at Buzzvel. It demonstrates my skills in React, TypeScript, and GSAP (GreenSock Animation Platform), combining modern web development techniques with smooth animations and responsive design.

Table of Contents

Overview

This project showcases my experience and why I want to work at Buzzvel through a slider, the best Buzzvel projects, a SEO optimized lading page fully responsive and a visual timeline outlining my envisioned career progression at Buzzvel. The goal is to highlight proficiency in React, TypeScript, and GSAP, while delivering a seamless and engaging user experience. You can access the site here

Lighthouse Results

Desktop

Lighthouse Desktop

Mobile

Lighthouse Mobile

Snapshots

Homepage

Homepage

Experience

Myexperience

Buzzvel top projects

BuzzvelProjects

Visual timeline

timeline

Features

  • Interactive animations powered by GSAP for smooth transitions and scroll-based effects.
  • TypeScript integration for type-safe development.
  • Responsive design ensuring an optimal experience on both mobile and desktop devices.
  • localStorage to store theme colors

Technologies Used

  • React – A JavaScript library for building user interfaces.
  • TypeScript – A strongly typed programming language that builds on JavaScript.
  • GSAP – A JavaScript library for high-performance animations.
  • Sass – A CSS preprocessor for managing styles efficiently.
  • Plop for improved production
  • Github Pages for deploy

Setup Instructions

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com//MatheusStefan/Buzzvel-2024-Dev-Team-Test.git
  2. Navigate to the project directory:

    cd your-project-name
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev

It should open the tab automatically

Credits

This project was built by Matheus Stefan as part of the Buzzvel developer selection process. Special thanks to the team at Buzzvel for the opportunity.