blur-layer

Hi, I'm Satyam

Introduction

Overview.

"Hello! I'm Satyam Shorrf, an engineering professional with a strong academic background in both Mechanical and Software Engineering. I'm currently pursuing a Bachelor of Software Engineering from T.P. College, Madhepura, with a score of 85.75% and a CGPA of 8.03. I also hold a Diploma in Mechanical Engineering from Exalt College of Polytechnic, Vaishali. As a software developer, I have experience in TypeScript, TailwindCSS, and JavaScript. I specialize in frameworks such as React, Node.js, Next.js, React-Three-Fiber, and Three.js. My knowledge extends to fundamental data structures and algorithms, making me well-versed in frontend web development. I'm actively learning and enhancing my knowledge and skills in cutting-edge technologies, including Machine Learning, Deep Learning, Artificial Intelligence, Blockchain, and OpenCV."Let's collaborate to bring your ideas to life!
Resume
Resume

Full Stack Developer

Frontend Developer

Backend Developer

Problem Solving

Freelancer

Leadership

 
 

What I have learnt so far

Skills.

Languages

HTML5
HTML5
CSS3
CSS3
JavaScript
JavaScript
TypeScript
TypeScript
C
C
Java
Java
Python
Python
PHP
PHP

Frameworks

Next.js
Next.js
TailwindCSS
TailwindCSS
Express.js
Express.js
Flutter
Flutter

Libraries

React
React
Three.js
Three.js
Styled-Components
Styled-Components
Framer-motion
Framer-motion
NextAuth.js
NextAuth.js
Prisma
Prisma

Databases

MongoDB
MongoDB
Firebase
Firebase
MySQL
MySQL

Tools

Git
Git
Github
Github
Postman
Postman
Figma
Figma
Docker
Docker

Environments

Node.js
Node.js
Yarn
Yarn

My work

Projects.

These projects showcase my practical skills and experience, each with descriptions and links to code repositories and live demos. They demonstrate my ability to handle complex challenges, adapt to different technologies, and oversee projects from start to finish.

project_image

LISA AI assistant

LISA: A conversational AI assistant that understands natural language, performs tasks, answers questions, and integrates with devices to simplify daily life.

#html

#JavaScript

#tailwindcss

#fabricjs

#liveblocks

project_image

Amazon Website

Creating an Amazon Clone using HTML, CSS, and JavaScript involves several steps to replicate the look and functionality of the Amazon website. Here is a brief overview of the process:

#next.js

#styled-components

#three.js

#prisma

#framer-motion

project_image

AI Virtual Girlfriend

In this project we will create a virtual girlfriend chatbot, but feel free to use what you'll learn to build your own support assistant, language teacher, or any ideas you have in mind!

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

project_image

lazarev

The Lazarev website clone is a recreated version of the Lazarev digital product design agency's website, often developed for practice or showcasing frontend development skills. It features elegant design, intricate animations, and interactivity, built using technologies like HTML...

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

project_image

3D Animated Website

Creating a 3D animated website using HTML, CSS, and JavaScript involves combining advanced CSS properties like transform and perspective with JavaScript for interactivity. For scrolling animations, libraries like Three.js or Canvas are commonly used to achieve smooth 3D effects. ...

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

project_image

ThreeJS Landing Page

Creating a financial website using Three.js can involve incorporating interactive 3D models to visualize data, like dynamic graphs, pie charts, or financial trends. Three.js is a JavaScript library that simplifies creating WebGL-powered 3D graphics in the browser. For example, yo...

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

project_image

TPC Madhepura

As a 2nd-year BCA student, you can create a Friend Circle website using HTML, CSS, and JavaScript. This project can allow users to connect with their friends and display their social media profiles. Key features can include: Profile Cards: Use HTML and CSS to design individual pr...

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

project_image

Responsive Construction Website

Responsive Construction Website Design Using HTML CSS And JavaScript - Contains animations when scrolling. - Smooth scrolling in each section. - Developed first with the Mobile First methodology, then for desktop. - Compatible with all mobile devices and with a beautiful and plea...

#typescript

#3D-Models

#tailwindcss

#node.js

#tanstack/react-query

#OpenAI

#Elevenlabs

#react/react-fiber

Get in touch

Contact.

0%