Modern Next.js Portfolio

Welcome to my portfolio, built with Next.js, Three.js, Framer Motion, and TailwindCSS. This site highlights my skills and projects through a dynamic and interactive design.

🌐 Live Deployment

The portfolio is deployed and can be viewed online at https://anushka-ai.vercel.app/.

🚀 Getting Started

To set up the portfolio on your local machine, follow these steps:

Prerequisites

Ensure the following tools are installed:

Git: Version control system.
Node.js: JavaScript runtime environment, along with npm (Node Package Manager).

Clone the Repository

Clone the repository to your local machine:

git clone https://github.com/Anushkatech5/portfolio.git
cd portfolio

Installation

Install the project dependencies:

npm install

Running the Development Server

Start the development server:

npm run dev

Visit http://localhost:3000 in your browser to view the portfolio.

🛠️ Tech Stack

This portfolio is powered by:

Next.js: Framework for server-side rendering and static site generation.
Three.js: Library for creating interactive 3D graphics.
Framer Motion: Tool for advanced animations and transitions.
Tailwind CSS: Utility-first CSS framework for responsive design.

🌟 Key Features

Hero Section: Dynamic introduction with engaging visual effects.
Bento Grid: Sleek layout for presenting personal information.
3D Elements: Interactive components such as an animated globe.
Testimonials: Animated scrolling feedback from clients and colleagues.
Work Experience: Detailed display of professional achievements.
Responsiveness: Fully optimized for various devices and screen sizes.

📄 Learn More

For more information on the technologies used, refer to these resources:

Next.js Documentation: Comprehensive guide to Next.js.
Three.js Documentation: Learn about 3D graphics with Three.js.
Framer Motion Documentation: Explore animation techniques with Framer Motion.
Tailwind CSS Documentation: Get familiar with Tailwind CSS for styling.