Thanks to visit codestin.com
Credit goes to github.com

Skip to content
View theanimenexus's full-sized avatar

Block or report theanimenexus

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
theanimenexus/README.md

πŸš€ 3D Developer Portfolio

A modern, animated 3D developer portfolio built with React, Three.js, TailwindCSS, and motion effects β€” designed to help you stand out and showcase your skills creatively.

![3d Portfolio Screenshot GitHub]


πŸ“š Table of Contents


✨ Features

  • πŸ”₯ 3D visuals powered by React Three Fiber and Drei
  • ⚑ Smooth transitions and scroll-based animations using Framer Motion
  • 🎨 Clean, responsive UI with TailwindCSS
  • πŸ’Œ Working contact form using EmailJS
  • 🧱 Beautiful UI enhancements with Aceternity UI and Magic UI
  • πŸš€ Lightning-fast development with Vite

πŸ›  Tech Stack

Tech Description
React Front-end JavaScript library
Vite Fast bundler and dev environment
TailwindCSS Utility-first CSS framework
React Three Fiber 3D rendering with Three.js in React
Drei Helpers and abstractions for R3F
Framer Motion Animation library for React
EmailJS Form handling and email integration
Aceternity UI Custom UI components
Magic UI Prebuilt UI elements and design extras

πŸ“ Project Structure

β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ assets/             # Images, textures, models
β”‚   β”œβ”€β”€ models/             # 3D Astronaut model
β”‚   └── vite.svg
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/         # Reusable components
β”‚   β”œβ”€β”€ constants/          # Reusable datas
β”‚   β”œβ”€β”€ sections/           # Portfolio sections (Hero, About, etc.)
β”‚   β”œβ”€β”€ App.jsx             # Main app file
β”‚   β”œβ”€β”€ index.css           # Tailwind css
β”‚   └── main.jsx            # Entry point
β”œβ”€β”€ tailwind.config.js
└── vite.config.js

πŸš€ Getting Started

  1. Clone the Repository
git clone https://github.com/Ali-Sanati/Portfolio.git
cd Portfolio
  1. Install Dependencies
npm install
  1. Run the Development Server
npm run dev

The app will be available at http://localhost:5173.


πŸ”— Assets

Assets used in the project can be found here


Popular repositories Loading

  1. karthik karthik Public

    web socket

    Java 1

  2. week-1 week-1 Public

    Jupyter Notebook 1

  3. ErrorAtom ErrorAtom Public

    Config files for my GitHub profile.

  4. BCFS BCFS Public

    We developed a web-based application for decentralized file storing using blockchain. In this application any user can upload as many files(one at a time) as he/she likes. All other peers and the u…

    Python

  5. registration registration Public

    A registration for our Hackthon

    HTML

  6. my_certifications my_certifications Public

    my achievements