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, GSAP (GreenSock Animation Platform), framer-motion and Tailwind.css, combining modern web development techniques with smooth animations and responsive design.

Table of Contents

• Overview
• Lighthouse
• Features
• Technologies Used
• Setup Instructions
• Credits

Overview

Based on the Figma design received the goal is to highlight my proficiency in React, TypeScript, framer-motion, GSAP and Tailwind.css, while delivering a seamless and engaging user experience. You can access the site here

Lighthouse

Desktop

Mobile

Features

• Interactive animations powered by GSAP and Framer motion 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
• Context API to manage global state.

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.
• Framer motion - A powerful motion library for React.
• Tailwind.css – A utility-first CSS framework designed to enable users to create applications faster and easier.
• Plop for improved production
• Vercel for deploy

Setup Instructions

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/MatheusStefan/Buzzvel2.0.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 browser 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.