`V`

Veerbal

Front-End Engineer

4 years of mastery in Front-End development, specializing in core web technologies , React.js , and Next.js

Projects

UndercoverDevs

Full Stack Tutorials Platform, enhanced with AI help. Here, you can learn all about web development, from the basics of HTML and CSS to more complex server-side programming. Our AI assistant makes lea...

Next.js 14

Tailwind CSS

ShadCN UI

SSR

MongoDB

Clerk

Shepherd (YCW24) Official Website

Developed Shepherd's (YCW24) new marketing website entirely from the ground up, employing Next.js for its static rendering capabilities. This choice was made to enhance SEO performance and ensure swif...

Next.js 14

Tailwind CSS

ShadCN UI

Responsive Design

React.js

SSR

CodeCraft Pro

This Chatbot specializes in code optimization, refactoring, and rigorous testing to deliver scalable and maintainable web applications. Emphasizing best practices and test-driven development, Veerbal ...

Next.js

Typescript

OpenAI

gpt-4-turbo/gpt-3.5

Rest API

ShadCN UI

Console Ad. Management Platform

This platform was created for managing advertisers, agencies, Ad. campaigns, placements, and creatives. It was one stop solution to launch Ad. Campaigns, track their performance, clicks, impressions, ...

React.js

Redux

React Query

Formik (for forms)

Chart.js

fetch API

Big Happy Official Website

I revamped the Big Happy website using Next.js. Earlier it was build using WordPress, which was causing customizability issues. After revamping the website, it became easy to customize the website acc...

Next.js 13

React.js

SCSS

Material UI

Node.js

Responsive Design

Microsoft's Surface Pro Ad Units

Created interactive ad units for Microsoft's newly launched Surface Pro Laptop, Tablet, and Studio. These ad units were launched by Microsoft's Ad. Agency on various publisher websites.

HTML

CSS

JavaScript

Cross-Browser Compatibility

Responsive Design

CSS Animations

CampusPulse

Campus Pulse is an application modeled after cinema ticket booking systems created for college events, with user-friendly features such as registration, admin approval, digital ticketing with QR codes...

Next.js 14

ShadCN UI

TypeScript

PostgreSQL

Tailwind CSS

QR Code API

QuickClinic - Doctor-Patient Ecosystem

QuickClinic is a doctor-patient ecosystem that allows patients to book appointments with doctors and access their medical records. The platform also enables doctors to manage their appointments and pa...

Next.js 14

ShadCN UI

Tailwind CSS

TypeScript

PostgreSQL

Server Actions

Spendwise

Web application to manage daily expenses and track monthly spending. This project served as a learning opportunity for me to practice my newly acquired backend skills while creating something practica...

Next.js 14

ShadCN UI

Tailwind CSS

TypeScript

PostgreSQL

Server Actions

Retrieval Augmented Generation (RAG) using GPT-3.5

AI + Google Search combined to create a summarization tool. It was created using OpenAI API and SerpAPI (Google Search API) where system create a summary of the top 10 search results for a given user ...

Next.js 14

OpenAI API

Google Search API

Tailwind CSS

TypeScript

ShadCN UI

Taskify

Taskify is similar to Trello, where you can create boards, lists, and cards. You can also drag and drop cards from one list to another. It was created to learn complex drag and drop functionality usin...

Next.js 14

ShadCN UI

TypeScript

Tailwind CSS

MySQL

Next.js 14 Server Actions

Ex. 3D Car Visualizer

This project was created to learn Three.js and WebGL. It was a great learning opportunity to learn about 3D graphics and 3D rendering. It was created using React's React-Three-Fiber - a 3D React based...

Three.js

JavaScript

HTML

CSS

Responsive Design

Canvas API

Ex. Satellite Simulation (Basic)

Three.js

JavaScript

HTML

CSS

Responsive Design

Canvas API

Ex. 3D Clock (3 Rings in motion)

This project was created to learn Three.js and WebGL. It was a great learning opportunity to learn about 3D graphics and 3D rendering.

Three.js

JavaScript

HTML

CSS

Responsive Design

Canvas API

Ex. 3D Cat (with sound)

This project was created to learn Three.js and WebGL. It was a great learning opportunity to learn about 3D graphics and 3D rendering.

Three.js

JavaScript

HTML

CSS

Responsive Design

Canvas API

Experience

Founder

UndercoverDevs · Full Time

Apr 2024 - Present · 3 months

Skills:

Next.js 14

Typescript

OpenAI

Generative AI

Tailwind CSS

ShadCN UI

MongoDB

Server Side Rendering

Frontend Engineer

Shepherd (YCW24) · Full Time

Feb 2024 - Present · 5 months

Skills:

Next.js 14

Typescript

OpenAI

Tailwind CSS

ShadCN UI

Front-End UI/UX Developer

Big Happy · Full Time

Dec 2019 - Jul 2023 · over 3 years

Skills:

HTML

CSS

JavaScript

TypeScript

React.js

Next.js

SCSS

Material UI

Responsive Design

Tailwind CSS

CSS Animations

Node.js

Redux

Git

Unit testing

Webpack

Jest

Agile Kanban (Jira)

Chart.js

Front-End UI/UX Developer

Renuilus Technologies · Full Time

Dec 2019 - Jun 2020 · 5 months

Skills:

HTML

CSS

JavaScript

jQuery

React.js

Responsive Design

Skills

HTML

CSS

JavaScript

TypeScript

React.js

Next.js

Next.js 14 Server Actions

Tailwind CSS

React Testing Library

React Hook Form

React Query (TanStack)

React Table (TanStack)

Git

ShadCN UI

Formik

Chart.js

SCSS

Material UI

Responsive Design

Node.js

PostgreSQL

MongoDB

Bootstrap

GitHub

Webpack

Babel

NPM

Jest

JSON

RESTful APIs

GraphQL

Browser DevTools

jQuery

Three.js

Canvas API

Flexbox

CSS Grid

CSS Animations

CSS Variables

CSS Frameworks

Atomic Design

CSS-in-JS

Mobile-First Design

Cross-Browser Compatibility

Single Page Applications (SPAs)

Server-Side Rendering (SSR)

Static Site Generators (SSGs)

Performance Optimization

Browser Compatibility

Responsive Images

Lazy Loading

Continuous Integration (CI)

Docker

WebSockets

Fetch API

Redux

Web Workers

Browser Storage

Jira (Atlassian)

Education

Bachelor's of Technology in Computer Science and Engineering

Punjabi University, Patiala, Punjab, India
2017 - 2024

Areas of Study

Computer System Architecture

Python Programming

Data Structures

Computer Networks

Discrete Mathematical Structures

Database Management Systems

Web Technologies

Operating Systems

Software Engineering

Computer Graphics

Mircoprocessors and Assembly Language

Thery of Computation

Crypography and Network Security

Artificial Intelligence

Java Programming

Algorithms Analysis and Design

Digital Image Processing

RDBMS using PL/SQL

Mobile Application Development

Compiler Design

Cloud Computing

Machine Learning

Computer Crime Investigation and Forensics

Data Mining and Warehousing

Soft Computing

Other Elective Subjects

About Me

Veerbal Singh

A Software Engineer who's driven by the challenge of turning ideas into reality through code. I believe that technology has the power to make a positive impact on the world, and I'm passionate about using my skills to create innovative solutions that make a difference. I'm a problem-solver with a strong attention to detail, and I'm always looking for ways to optimize and improve. Let's see what we can build together!