Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/satyamshorrf/3d-portfolio

"Unlocking possibilities at the intersection of mechanical and software engineering. Strong academic foundation in TypeScript, TailwindCSS, and JavaScript. Crafting immersive experiences with React, Node.js, Next.js, React-Three-Fiber, and Three.js. Let's collaborate to bring your vision to life!"
https://github.com/satyamshorrf/3d-portfolio

3d-models 3d-portfolio gaming js nextjs personal-portfolio portfolio portfolio-page portfolio-project portfolio-site portfolio-template portfolio-website react satyamshorrf tailwindcss three-fiber threefiber threejs

Last synced: 2 months ago
JSON representation

"Unlocking possibilities at the intersection of mechanical and software engineering. Strong academic foundation in TypeScript, TailwindCSS, and JavaScript. Crafting immersive experiences with React, Node.js, Next.js, React-Three-Fiber, and Three.js. Let's collaborate to bring your vision to life!"

Awesome Lists containing this project

README 

        
# 3D Portfolio

![Portfolio Screenshot](/public/assets/readme_assets/screencapture.png)

3D Portfolio is my personal portfolio website created using Next.js, Tailwind CSS, Three.js, React Three Fiber, and a collection of other technologies. This website showcases my skills, experiences, projects, and allows users to contact me. It also offers a dark and light theme to enhance the user experience.

## Table of Contents

1.  [Demo](#demo)

2.  [Features](#features)

3.  [Technologies Used](#technologies-used)

4.  [Packages Used](#packages-used)

5.  [Getting started](#getting-started)

6.  [Project Structure](#project-structure)

7.  [Author](#author)

## Demo

You can see a live demo of the portfolio website at [ ]

## Features

-   **About Me**: A brief introduction about myself.

-   **Experience**: Highlighted my work experience.

-   **Skills**: Listed my skills and expertise.

-   **Projects**: Showcased my projects.

-   **Contact**: Provided a contact form for users to get in touch with me.

-   **Responsive Design**: The website is fully responsive to provide an optimal experience on all devices.

-   **Dark and Light Themes**: Users can switch between dark and light themes to suit their preferences.

## Technologies Used

-   [Next.js](https://nextjs.org)

-   [React](https://reactjs.dev)

-   [Tailwind CSS](https://tailwindcss.com)

-   [Three.js](https://threejs.org)

-   [React Three Fiber](https://github.com/pmndrs/react-three-fiber)

## Packages Used

-   [react-parallax-tilt](https://www.npmjs.com/package/react-parallax-tilt)

-   [react-type-animation](https://www.npmjs.com/package/react-type-animation)

-   [react-vertical-timeline-component](https://www.npmjs.com/package/react-vertical-timeline-component)

## Getting started

1. Clone this repository to your local machine:

```bash

git clone https://github.com/satyamshorrf/3D-Portfolio-.git

```

2. Change to the project directory:

```bash

cd 3d-portfolio

```

3. Install the project dependencies:

```bash

npm install

```

4. To run the development server:

```bash

npm run dev

```

Open your web browser and visit http://localhost:3000 to see the website in action during development.

## Project Structure

The project structure is organized as follows:

-   `components`: React components used to build different sections of the portfolio.

-   `styles`: Styles and theme configurations, including the dark and light themes.

-   `public`: Static assets, such as images and fonts.

-   `pages`: Individual pages of the website.

-   `utils`: Utility functions or helper scripts.

## Author

-   [@satyamshorrf](https://github.com/satyamshorrf)