React Templates & Themes Logo React Templates & Themes
Portfolio screenshot

Portfolio

Author Avatar Theme by Hamishmw
Updated: 16 Nov 2024
3004 Stars

My personal portfolio website built using React and three js

Github Live Preview

Categories

Remix Vite Portfolio

Overview:

The personal portfolio site is designed to showcase a few projects and is built with Next.js, Three.js, and Framer Motion. It offers the option to view the live site or access a live version of the components storybook. The deployment is done using AWS for hosting and serverless functions, and the code is open source for learning and adaptation.

Features:

  • Technology Stack: Built with Next.js, Three.js, and Framer Motion.
  • Live Site: View the live site to showcase projects.
  • Components Storybook: Access a live version of the components storybook.
  • Deployment: Set up using AWS for hosting and serverless functions.
  • Permissions: Code is open source for learning and adaptation.

Installation:

  1. Install Node.js: Ensure you have Node.js 18.0.0 or higher and npm 8.6.0 or higher installed.
  2. Install Dependencies: Run the following command to install dependencies:
    npm install
  3. Start Local Server: Initiate a local server with the following command:
    npm start
  4. View Components Storybook: Use the command below to view the components storybook:
    npm run storybook
  5. Create Production Build: To create a production build, run:
    npm run build

Summary:

The personal portfolio site is a showcase of projects built with Next.js, Three.js, and Framer Motion. It allows users to view the live site or access the components storybook. Deployment is handled using AWS for hosting and serverless functions. The code is open source for learning and adaptation, with permissions specified for usage. Installation involves setting up Node.js, installing dependencies, running a local server, viewing the components storybook, and creating a production build.