Skip to content
View parammehta's full-sized avatar
🏠
Working from home
🏠
Working from home
1 follower · 1 following

Achievements

Achievement: Pull Shark

Achievements

Achievement: Pull Shark

Highlights

  • Pro

Block or report parammehta

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 is supported. This note will only be visible to you.
Report abuse

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

Report abuse
parammehta/README.md

Param Mehta — Portfolio

Site preview

My personal portfolio site. Built with Next.js, Three.js, and Framer Motion. View the live site.

Install & run

Make sure you have Node.js 20.9.0 or higher and npm 8.6.0 or higher installed (see .nvmrc — run nvm use if you use nvm). Install dependencies with:

npm install

Once it's done, copy .env.example to .env and fill in the values, then start up a local server with:

npm run dev

To view the components storybook:

npm run storybook

To create a production build (static export):

npm run build

Deployment

The site is hosted on AWS (S3 for the static site, Lambda for the contact form). You'll need an AWS account and the AWS CLI installed, and the S3 bucket names in package.json's deploy/deploy:storybook scripts updated to your own.

Deploy the site to S3:

npm run deploy

Deploy the serverless contact form function:

cd functions
npm run deploy:api

Notes

  • The rotating background sphere on the homepage is a Three.js shader; its color comes from the fragment shader in src/layouts/Home/displacementSphereFragment.glsl.
  • The contact form is wired up to an AWS Lambda function in functions/; see functions/serverless.yml for its configuration.

Pinned Loading

  1. parammehta parammehta Public

    Config files for my GitHub profile.

    JavaScript

  2. TravLendar TravLendar Public

    A Travel-Time-Aware Calendar. Travlendar will provide flexible and fully-featured calendar support that considers the travel time between meetings. Travlendar should support a multitude of travel m…

    JavaScript 1

  3. sahilsikka/QuizMe sahilsikka/QuizMe Public

    TypeScript 1 1

  4. Chrome-Extension-User-Behavior Chrome-Extension-User-Behavior Public

    The extension logs the behavior of the user on www.stackoverflow.com. The logs are of the type click, time between click, tag click, star added, down-vote, up-vote, time spent on any given question…

    JavaScript

  5. StackOverFlow-Behaviour-Log StackOverFlow-Behaviour-Log Public

    Implemented User Profiling in this project. The project displays the logs of the user from the stackoverflow.com page and helps him to visualize his daily activity, also compare his activity with o…

    HTML