Web Development Portfolio – Academic, Research, Organizational, and E-Commerce Websites

Over the past few years, I have built and launched multiple websites for academic, research, organizational, and business purposes. These projects allowed me to work across different areas of web development, including front-end design, backend development, admin dashboards, database-driven content management, deployment, and website maintenance.

This portfolio project brings together my web development work in one place and highlights the websites I have developed or launched.

Project Overview

My web development work includes websites for research labs, student organizations, personal academic branding, and e-commerce. A major part of these projects involved creating admin panels so that website content could be managed easily without directly editing the code.

These admin panels typically include features such as:

• Adding and editing projects
• Managing publications
• Uploading images
• Updating team members
• Posting news and announcements
• Managing website content from a secure dashboard
• Handling product or business-related content where needed

Admin Panel Preview

The screenshot below shows one of the admin panels developed for managing website content.

This admin interface allows website administrators to update content such as projects, team members, publications, news, and other dynamic sections of the website.

Websites Developed

1. BRCL Lab Website

Website: brcl.azurewebsites.net

The BRCL website was developed for the Bio Inspired Robotics and Control Lab. It presents the lab’s research work, team members, publications, projects, funding information, and news updates.

This website includes an admin panel for managing lab content, making it easier to update research projects, publications, and team information without changing the source code manually.

Main features:

• Research lab website
• Admin dashboard
• Projects management
• Publications management
• Team members management
• News and updates
• Azure-based deployment

2. Roboticist Umar Website

Website: roboticistumar.com

Roboticist Umar is one of my personal web projects focused on presenting my identity as a roboticist, researcher, and engineer. This website serves as a professional platform to showcase my technical background, research interests, and project work.

Main features:

• Personal branding website
• Research and robotics-focused presentation
• Project showcase
• Professional profile
• Academic and engineering content

3. Personal Academic Website

Website: personal.roboticistumar.com

This website is my launched personal academic portfolio website. It is designed to present my research, projects, publications, teaching experience, and professional profile in a structured and accessible way.

The website includes project pages where I can document my robotics, embedded systems, control systems, and web development work.

Main features:

• Academic portfolio website
• Research profile
• Project showcase
• Publications and experience sections
• Admin-managed project content
• Launched using the personal.roboticistumar.com subdomain

4. SoMEGS Website

Website: somegs.org The SoMEGS website was developed for organizational and academic communication purposes. The goal of this website was to provide a structured platform for sharing information, events, news, team members, and organizational updates.

Main features:

• Organizational website
• Events and news sections
• Team member management
• Admin content management
• React/Vite-based development approach

5. GPSA Website

Website: gpsa.azurewebsites.net

The GPSA website was developed and launched as an organizational website. It provides a platform for presenting information, updates, announcements, and resources related to GPSA.

Main features:

• Organization-focused website
• Azure deployment
• Information and announcement sections
• Admin/content management structure
• Public-facing website for student or organizational communication

6. AutomizaTechs E-Commerce Website

Website: automizatechs-asp.vercel.app

AutomizaTechs is an e-commerce web application developed to showcase business or product-based content. This project helped me work with product listings, business website structure, and an online storefront-style layout.

Main features:

• E-commerce website
• Product display structure
• Business website layout
• Vercel deployment
• ASP-based web application

Technical Skills Demonstrated

Through these website projects, I gained experience in multiple areas of web development, including:

• Full-stack website development
• Front-end layout and responsive design
• Backend development
• Admin dashboard design
• CRUD-based content management
• Database-driven website content
• Image upload and media management
• Website deployment
• Azure App Service deployment
• Vercel deployment
• Project documentation and website maintenance

Frameworks and Technologies Used

Across these projects, I worked with different tools and frameworks depending on the website requirements.

Technologies used include:

• ASP.NET / ASP.NET Core
• React
• Vite
• Next.js-style portfolio development
• HTML, CSS, and JavaScript
• Backend admin panels
• Azure App Service
• Vercel
• Database-driven content management systems

Why This Project Matters

These websites represent more than simple web pages. They show my ability to build real, usable platforms for research labs, organizations, academic portfolios, and business applications.

As a robotics researcher and engineer, web development has helped me present technical work professionally, manage research content, document projects, and create public-facing platforms for different audiences.

This work also strengthened my ability to combine engineering, software development, design, and communication into complete digital systems.

Final Summary

This web development portfolio includes six major websites:

1. BRCL Lab Website
2. Roboticist Umar Website
3. Personal Academic Website
4. SoMEGS Website
5. GPSA Website
6. AutomizaTechs E-Commerce Website

Together, these projects demonstrate my experience in building academic, organizational, research, and business websites using modern web development tools and deployment platforms.