Building Portfolio

3D libraries did not load

Please make sure your device has internet access because this file loads Three.js and GSAP from CDN. Then refresh the page.

Welcome to Interactive Portfolio

Frontend Developer Hyderabad, India

Hi, I am Syed Roshan Shareq

This isn't a typical portfolio, it's built to be experienced. The project is evolving, with more interactive elements planned ahead. Designed and developed independently. If you encounter any issues, feel free to report them via email. For the best experience, view it on desktop. An immersive 3D portfolio focused on interactive navigation and smooth camera motions. Get best experience on desktop.

Explore Explore the Desk

Interactive objects, hidden details, and smooth camera transitions across the desk environment. Move through the desk setup with interactive objects and guided transitions.

Simple View Resume & Projects

A distraction-free resume and project browsing experience for quick review. Open a clean, professional view of my resume without any distraction

Interactive Extras Games, Feedback & Motion

Mini-games, feedback support, object animations, and experimental portfolio features. See the playful side through mini-games, feedback, and motion details.

Mobile Version

Designed for desktop.

This 3D interactive portfolio is built for a larger screen. Continue with a simplified version on mobile.

Syed Roshan Shareq

Final Note A warm closing message from this portfolio experience.

✦

Thanks for Exploring

This project is still evolving, and I'm continuously improving it as I learn and experiment. Have a great day.

Projects All projects are on my GitHub profile.

Explore My Projects

All my projects are available on my GitHub profile, including source code, experiments, and future updates. You can also visit my LinkedIn profile to learn more about my work and background.

Feedback

Share your thoughts, suggestions, or anything I can improve.

Do not fill this out:

Hi! Share what you liked, what felt confusing, or what I should improve next.

Name (optional) Feedback

Portfolio File

Page 01 / Resume

Syed Roshan Shareq

B.Tech Computer Science student focused on frontend engineering, interactive web experiences, and full-stack JavaScript projects. Built a deployed wallpaper sharing platform with Node.js, Supabase, image processing, custom authentication, admin moderation, and mobile-first performance work. Comfortable translating UI ideas into responsive HTML/CSS/JavaScript, Three.js/GSAP interactions, game logic, and security-aware web features.

B.Tech CSE 2022–2026 Frontend Developer Hyderabad, India

Contacts

Phone+91 9849038314

Emailsyedroshanshareq@gmail.com

LocationHyderabad, India

Websitewww.roshanshareq.online

Contact details are limited for privacy reasons. You can reach via email: syedroshanshareq@gmail.com

Professional Summary

Skills

Frontend: HTML5, CSS3, JavaScript, responsive design, UI/UX fundamentals, accessibility basics, micro-interactions 85%

Interactive Web: Three.js, WebGL basics, GSAP animations, canvas workflows, camera transitions, object interaction logic 75%

Backend/Data: Node.js HTTP server, REST-style APIs, Supabase Postgres, Supabase Storage, JSON fallback persistence 70%

Tools/Practices: Git, GitHub, Render, Netlify Forms, Sharp image processing, security headers, origin/CSRF checks 70%

AI/ML: Python, NLP concepts, ML classification basics, AI tools, ChatGPT prompting, Power BI fundamentals 65%

Education

B.Tech – Computer Science and Engineering 2022 – 2026

Malla Reddy College of Engineering (MRCE), Maisammaguda, Hyderabad
CGPA: 7.45

Intermediate – MPC 2020 – 2022

Narayana Junior College, Santoshnagar, Hyderabad
CGPA: 8.5

Secondary School Certificate – SSC Completed 2020

Eminent High School, Santoshnagar, Hyderabad
GPA: 10

Job Preference

Preferred roles: Frontend Developer / Web Developer as the primary target, followed by Full-Stack JavaScript Developer, Creative or Interactive Web Developer, and Web QA / Manual QA Tester. These roles best match my HTML, CSS, JavaScript, Three.js, GSAP, Node.js, Supabase, responsive UI, and testing-focused project experience.

Interests

Web Design
3D Modeling
Console Gaming
Game Modding
AI Prompt Engineering
Optimizing Games for Low-End Hardware

Declaration

I hereby declare that the information provided above is true to the best of my knowledge and belief.

Syed Roshan Shareq

Page 02 / Projects

Academic Projects

AI-Based Learning Assistant

Developed an AI-powered learning assistant concept to help students access personalized study material and doubt-solving support.
Designed a natural-language interaction flow so students could ask academic questions and receive context-aware learning guidance.
Mapped project requirements into AI/NLP modules, a web interface flow, and student-focused use cases for academic evaluation.
Tech: Python, AI Concepts, NLP, Web Interface

PythonAI ConceptsNLP4th Year

Malware Detection Using Machine Learning

Built an academic machine-learning model to detect and classify potentially malicious files using extracted feature and behavior patterns.
Applied preprocessing, training, and evaluation steps with classification algorithms to improve detection quality and interpret model results.
Practiced defensive security analysis through dataset preparation, feature review, model testing, and accuracy-focused result comparison.
Tech: Python, Machine Learning, Classification Algorithms, Feature Analysis

PythonMachine LearningClassification AlgorithmsFeature Analysis

Personal Projects

THE VOID – Full-Stack Wallpaper Sharing Web App

Built a mobile-first dark-theme wallpaper platform where creators can sign up, upload mobile wallpapers, manage profiles, and browse a curated approved gallery.
Developed a custom Node.js backend without Express for authentication, session cookies, creator/profile APIs, moderation APIs, media routes, and local fallback storage.
Implemented admin review workflows for approve, reject, edit, and delete actions, creator search, upload-limit controls, stale-lock cleanup, and approval-based public visibility.
Used image validation, thumbnail/preview variants, batched gallery rendering, lazy loading, security headers, and origin checks to improve reliability and performance.
Tech: Node.js, Supabase Postgres, Supabase Storage, Sharp, HTML, CSS, JavaScript, Render

Node.jsSupabaseSharpRender

3D Interactive Portfolio

Designed an immersive 3D desk-style portfolio with clickable objects that open the resume, project showcase, feedback panel, globe interaction, and built-in game experience.
Built interaction logic with Three.js and GSAP, including guided camera transitions, target overlays, object-label toggles, intro/loading screens, and motion details.
Added a Simple View mode for clean resume review, mobile-specific navigation/camera handling, feedback flow, SEO metadata, and responsive interface polish.
Tech: HTML, CSS, JavaScript, Three.js, GSAP, Netlify Forms

HTMLCSSJavaScriptThree.jsGSAPNetlify Forms

Tic-Tac-Toe Mini Game

Built a standalone browser game with a polished launcher, responsive board, restart controls, difficulty selector, result messages, and clean modern UI.
Implemented Easy and Hard AI modes; Hard mode evaluates open moves with minimax recursion to choose stronger opponent moves.
Managed board state, turn locking, delayed AI responses, win/draw detection, reset behavior, and UI feedback so players cannot interrupt the opponent turn.
Tech: HTML, CSS, JavaScript, Minimax Algorithm, Browser Game Logic

HTMLCSSJavaScriptMinimaxBrowser Game Logic

Certifications

Responsive Web Design Certification - freeCodeCamp
AI Tools and ChatGPT Workshop - be10x
Web Development Certification - The Website Makers
Power BI Workshop - OfficeMaster
Artificial Intelligence Internship Certificate - InternsHub

Why this 3D Portfolio?

Built to move beyond static resumes by creating an interactive way to explore projects and skills.
Inspired by PC gaming interfaces, focusing on interaction, exploration, and user engagement.
Includes both an interactive mode and a simple view for accessibility and ease of use.
Plans to expand into a richer and more dynamic experience.

1 / 2

Simple View

Tic-Tac-Toe

You: X