Abrar Elias — Portfolio

About the Project

A production-ready portfolio site showcasing Abrar Elias's work, skills, and contact information. Built with Next.js for server-side rendering and routing, the project leverages modern component libraries and utilities for rapid UI development. The site includes typical portfolio pages (Home, About, Projects, Contact), reusable UI components following a consistent design system, and responsive layout across all device sizes with SEO-friendly meta tags and performance optimizations.

Live Demo View Source Code

Tech Stack

Next.jsReactTypeScriptTailwind CSSLottie FilesPrimeReactReactbitsSupabase

Key Features

Next.js application with server-side rendering and optimized routing

Core portfolio pages: Home/Landing, About/Bio, Projects/Works, and Contact

Reusable UI components with consistent design system

Responsive layout optimized for all device sizes

SEO-friendly meta tags and performance optimizations

Component-driven structure with TypeScript for type safety

Utility-first styling with Tailwind CSS

Accessible, composable components using Shadcn UI

Rich UI elements powered by PrimeReact

Useful hooks and utilities from Reactbits

Supabase PostgreSQL database for online data storage and management

View All Projects

Backend Developer

ERP Solution

A comprehensive Enterprise Resource Planning system built with PHP and modern web technologies. Features complete business management tools including inventory, sales, HR, and accounting modules with cPanel hosting integration.

PHPReactAngularJS+3

Desktop Application

Neeramoy Desktop Application

A powerful cross-platform desktop application built with Electron.js, Angular, and Node.js. Features offline support, data synchronization, customizable themes, and real-time updates across Windows, macOS, and Linux.

AngularNode.jsElectron.js+7

Frontend Developer

MADD Technology Website

A modern corporate website for MADD Technology built with Angular and TypeScript. Features responsive design, elegant UI with Google Fonts and Font Awesome icons, and optimized performance for showcasing company services and portfolio.

AngularTypeScriptLaravel+3