Portfolio

NeuroVid

​NeuroVid is a comprehensive video streaming and recording application developed to provide users with seamless capabilities for capturing, sharing, and managing video content directly from their browsers. Built with modern web technologies, NeuroVid offers a user-friendly interface and robust performance for both creators and viewers.

Source Code: https://github.com/ShahJabir/neurovid​

Key Features:

• Video Recording: Enables users to record high-quality videos using their device’s camera and microphone, with options to pause, resume, and preview recordings before saving.​

• Video Streaming: Supports smooth streaming of recorded videos, ensuring minimal buffering and high playback quality across various devices and network conditions.​

• User Authentication: Implemented secure sign-up and login functionalities, allowing users to create and manage personal accounts for accessing their video content.​

• Dashboard Interface: Provides an intuitive dashboard where users can view, organize, and manage their recorded videos, including options to delete or rename files.​

Technologies Used:

• Next.js: Utilizes this React-based framework for server-side rendering and static site generation, enhancing the application’s performance and SEO capabilities.​

• Prisma: Employs this modern database toolkit for efficient and type-safe database interactions, simplifying data management and ensuring consistency.​

• Tailwind CSS: This utility-first CSS framework is to design a responsive and aesthetically pleasing user interface with minimal effort.​

• Bun: Leverages this fast JavaScript runtime for bundling and transpiling, contributing to build times and improved development experience quicker.

2D Portfolio

​The 2D Portfolio project by Shah Jabir is a distinctive web-based portfolio that presents personal and professional information through an interactive 2D game environment. This innovative approach offers users an engaging experience while exploring the creator’s background and skills.

Source Code: https://github.com/ShahJabir/2d-portfolio

Key Features:

• Interactive 2D Game Environment: Users navigate through a game-like interface to discover summarized information about Shah Jabir, making the portfolio exploration both enjoyable and memorable.​

• Innovative Presentation: By integrating portfolio content within a 2D game, the project stands out from traditional portfolios, showcasing creativity and a unique approach to personal branding.​

Technologies Used:

• Vite: A modern front-end build tool that ensures fast development and optimized builds, enhancing the application’s performance.​

• Kaboom.js: A JavaScript game programming library that simplifies the creation of 2D games, providing the foundation for the portfolio’s interactive elements.

3D Portfolio

​The 3D Portfolio project by Shah Jabir is an innovative web application designed to showcase projects and skills through immersive 3D visualizations. Built using React, Vite.js, and Three.js, this portfolio offers an engaging and interactive user experience.

Source Code: https://github.com/ShahJabir/3d-portfolio

Key Features:

• Immersive 3D Visualizations: Utilizing Three.js, the portfolio presents projects in a dynamic 3D environment, allowing users to interact with the content in a visually engaging manner.​

• Optimized Performance: The integration of Vite.js ensures fast load times and a seamless browsing experience, enhancing user engagement.​

• Responsive Design: The application is designed to be fully responsive, providing an optimal viewing experience across various devices and screen sizes.​

• Modular Architecture: Built with React, the project features a component-based structure, facilitating maintainability and scalability.​

Technologies Used:

• React: A JavaScript library for building user interfaces, enabling the creation of reusable UI components.​

• Vite.js: A build tool that offers rapid development and optimized builds, contributing to the application’s high performance.​

• Three.js: A JavaScript library that allows for the creation of 3D graphics in the browser, providing the foundation for the portfolio’s interactive visualizations.​

This project exemplifies the fusion of modern web technologies to create a portfolio that not only highlights the creator’s skills but also demonstrates proficiency in cutting-edge web development practices.