Portfolio-3D

This is a 3D portfolio project built with Next.js, React, and Three.js. The project showcases various 3D models and animations, providing an interactive and visually appealing experience. It includes multiple pages such as Home, About, Projects, and Contact, each with unique backgrounds and 3D models.

Features

• 3D Models and Animations: The project includes various 3D models such as a wizard, coin, staff, hat, magic stick, and more. These models are animated using Three.js and React Three Fiber.
• Responsive Design: The project is designed to be responsive and works well on different screen sizes.
• Interactive Navigation: The navigation is interactive and includes buttons for Home, About, Projects, Contact, Github, LinkedIn, Twitter, and Resume.
• Dynamic Backgrounds: Each page has a unique background image that enhances the visual appeal.
• Contact Form: The contact page includes a form that allows users to send messages via Email.js.
• Skill Icons: The About page showcases various skill icons using skillicons.dev.
• GitHub Stats: The About page also displays GitHub stats and top languages using GitHub Readme Stats.

Pages

• Home: The home page features a rotating 3D model of a man and a navigation menu.
• About: The about page provides information about the developer and includes a 3D model of a sphere and rotated rings.
• Projects: The projects page lists various projects with descriptions and demo links. It also includes a 3D model of a magic stick.
• Contact: The contact page includes a form for users to send messages and a 3D model of a staff.

Installation

1. Clone the repository:

   git clone https://github.com/SaddockAime/portifolio-3D.git
   

2. Navigate to the project directory

   cd portifolio-3D
   

3. Install dependencies

   npm install
   

4. Create a .env file based on the .env.example file and add your Email.js credentials and GitHub stats URLs.

5. Run the development server:

   npm run dev