jolly-and

sufiyan the dev

and add 3d animations and make it good and make the website code uncopy able ok and make that the website can handel 1500 pepole at ones Make a portfolio for a person that his name is Editor 𝐑𝐨𝐡𝐚𝐧 make the front page like this this https://sarkportfolio-ulve783.public.builtwithrocket.new/ only front page make it best as pooiable and make the other pages of the website like this https://pin.it/4H2G0WX3g make it best and he is editor and also and admin panel that should work like you can add projects ok make the best by drive links ok and make them all them best with all animation this is the firebase https://rohan-345fa-default-rtdb.firebaseio.com/ make the ui copy ok remove remove all the women only the boy stay ok and this is his portfolio and gmail =editor.rohan1@gmail.com insta =https://www.instagram.com/editor_rohan1/?__pwa=1 And make the site best as possible. And I'm giving you all the links of this reference sites and make it best as possible and make it good for mobile also. That is-- That should be good for mobile also, okay? It should look good on mobile, PC, laptop, small laptop, big laptop, everything, okay? Okay. make it best add this vedios 1 https://drive.google.com/file/d/1FZV97GgGAM9QtYzd2IF3TVZEU7u-cC84/view?usp=sharing and in the first and this video in the right = https://drive.google.com/file/d/1L0z7q4qm7AVCEMvtHOmuJG_yCNUfYj_W/view?usp=sharing and also make the videos non copyable this is the photo of the person ok =<a href="https://ibb.co/mrNghbrs"><img src="https://i.ibb.co/xKFdzXKv/Chat-GPT-Image-Jul-31-2026-05-36-15-PM.png" alt="Chat-GPT-Image-Jul-31-2026-05-36-15-PM" border="0"></a> and order = 180 clinits done and worked with = 80 make it good and do not a made by roket ai Okay, so you don't like make it really well. I am pretty like feeling bad for it. And like I am saying that make it like f-- like this, like fully like this, and like change some things like remove the January thing. January, January thing, okay? And make it best as possible. And also I'm seeing a lot of bugs are coming up and do not use emojis, okay? Do not use emojis. Instead use image and make the website super professional and make it pretty good and best as possible. And also I'm seeing a lot of bugs, fix all of them. And also whenever clicking on the Home button, it is taking me back to the Service button, fix that. And let me check the website. Yes, and I'm seeing a lot of also bugs, like the homepage is not coming. The editor Rohan is looking pretty bad and also other things are also looking bad. Like you cannot click on the Work Together button. It is not working and a lot of things are like not good. Wait, let me see the side of again. And also when... How do I open the like admin panel? I cannot open the admin panel. And whenever I clicking on Hire Me, it will taking me to a page. It should like take me to a good page and like it will show you options like what will you like to choose, Gmail, Discord or like, or WhatsApp. Okay? So first thing is, uh, or Insta, and also Insta. And make it best as possible and add some little bit animation to it. Like change the cursor, the cursor to like, uh, anything else thing. And make the homepage like this. I'm giving you the... This, make it like this. And remove the toolkit thing. Okay? Remove it. Just remove it. And also I'm seeing I have to go to tabs, okay? I have to go to the like tabs, more tabs. It should be like I can scroll, scroll, scroll, scroll, scroll. The tab should be used only for navigation, okay? Fast navigation. We can like scroll to the end. I cannot... Like now I cannot scroll to the end. And also fix all of the bugs in the code. And I'm seeing like how do I open the like admin panel? How do I open it? So fix that by like clicking the logo 10 times and entering the password DEV123, DEV123. After I enter the password, it will take me to a admin panel. Okay? And by the way, this is the key of Fire Database. Okay? This is the key. And make it best as possible. Uh, and also I'm seeing like add more animations and just copy this side and like f-not fully, like I'm seeing a lot of works in the works. Why-- When-- First thing also, remove all the works right now is happening. Like s-see I am seeing. Remove all the default ones and only I can add it. Like only admin can add it. And I'm seeing a lot of buttons are not even working, fix them also. And like every button is not working. Fix that, bro. And whenever I clicking to a like part, it is like r-reloading and loading back. So fix that loading, okay? Actually, it is taking too long and it is pretty annoying. And make it best as possible. And I'm also seeing like, uh, it is pretty bad. And also remove the package thing solution that deliver, remove them all like rush delivery, motion graphics, brand package, monthly retailer, YouTube edit, and reel editing support. Uh, remove all of them. Okay? And, uh, actually remove in... Instead in the service add what we like give. So add reel edits, YouTube edits, brand package, rush, rush delivery, motion graphics. Remove like monthly retainer. Okay? And make it best as possible. And no button are working right now. Fix that, bro. Nothing is working. Nothing is working. Fix that thing mainly. Okay? fire bse =https://rohan-345fa-default-rtdb.firebaseio.com/ reference = https://sarkportfolio-ulve783.public.builtwithrocket.new/ and make it best ok but instad sark add editor rohan ok it is good but make instad this img <a href="https://imgbb.com/"><img src="https://i.ibb.co/NgcHqmZQ/Chat-GPT-Image-Jul-31-2026-05-36-15-PM-removebg-preview.png" alt="Chat GPT Image Jul 31 2026 05 36 15 PM removebg preview" border="0"></a> dd this ok and also chage this video = https://drive.google.com/file/d/1L0z7q4qm7AVCEMvtHOmuJG_yCNUfYj_W/view?usp=sharing to this = https://drive.google.com/file/d/1kGzzjRro0h3bjQKbZPPHtr_lVkSVlAQG/view?usp=sharingok and every thing is good and also make the website so i can hendel 7000 pepole ok and make it best as possible and best and fix all the bug in the code and also make the website code uncopyable and also the drive links ok and add the in my works 1 https://drive.google.com/file/d/1OGA9Yp3JnQvzxaqVLz3-mvoSU4ToyTZi/view?usp=sharing and 2 https://drive.google.com/file/d/1FZV97GgGAM9QtYzd2IF3TVZEU7u-cC84/view?usp=sharing and also make it best and discord = rohan7872 and also use the real discord logo ok and whatsapp = 7872132440 and and type in whatsapp only important ok Fix any remaining broken buttons or navigation bugs across mobile and desktop. and also it is looking is bad The size of the image is pretty low for like PCs. It is pretty bad. Fi- fix that thing and make it best and remove this ok and also the drive links are copyable ok fix that ok and make the img like in the end add a blur to it

Comments (0)

No comments yet. Be the first!

Page 1 of 4

System Requirements Document for Jolly-and

1. Introduction

The project "Jolly-and" is a portfolio website for Editor Rohan, designed to showcase his work and provide a professional online presence. The website will incorporate advanced features such as 3D animations, an admin panel for project management, and enhanced UI/UX to ensure a seamless experience across all devices.

2. System Overview

The Jolly-and project aims to create a visually appealing and highly functional portfolio website for Editor Rohan. The website will be capable of handling up to 7,000 concurrent users and will include features such as non-copyable code and media, an admin panel for project management, and a responsive design suitable for various devices.

3. Functional Requirements as Story Points

As a User, I should be able to view Editor Rohan's portfolio with a professional and visually appealing design.
As an Admin, I should be able to add and manage projects via an admin panel by clicking the logo 10 times and entering the password DEV123.
As a User, I should be able to navigate the website smoothly without encountering any broken buttons or navigation issues.
As a User, I should be able to view non-copyable videos and images on the website.
As a User, I should be able to contact Editor Rohan via Gmail, Discord, WhatsApp, or Instagram.
As a User, I should be able to experience 3D animations and interactive elements on the website.
As a User, I should be able to scroll through the website content seamlessly without relying on tabs for navigation.
As a User, I should be able to view the website on mobile, PC, laptop, and other devices with optimal display quality.

Page 2 of 4

4. User Personas

Editor Rohan: The primary user of the admin panel, responsible for managing and updating the portfolio content.
Visitors: Individuals interested in viewing Editor Rohan's work and potentially hiring him for projects.

5. Core User Flows

Visitor navigates to the homepage -> views portfolio -> clicks on contact options -> chooses preferred contact method (Gmail, Discord, WhatsApp, Instagram).
Admin clicks logo 10 times -> enters password DEV123 -> accesses admin panel -> adds or updates projects.

6. Visuals Colors and Theme

primary: #1A73E8 (blue)
primary_light: #4285F4 (light blue)
secondary: #34A853 (green)
accent: #EA4335 (red)
highlight: #FBBC05 (yellow)
bg: #FFFFFF (white)
surface: #F1F3F4 (light grey)
text: #202124 (dark grey)
text_muted: #5F6368 (muted grey)
border: #DADCE0 (light grey)

Page 3 of 4

7. Signature Design Concept

The homepage will feature an interactive 3D animation using @react-three/fiber and @react-three/drei. The animation will depict a dynamic workspace where Editor Rohan's projects are represented as floating 3D objects. Users can click and drag these objects to explore different projects, with smooth transitions and animations powered by gsap for a seamless experience. The background will feature a subtle parallax effect to add depth, and the cursor will change to a custom design when hovering over interactive elements.

Landing Hero Motion Brief

The landing hero will showcase a 3D scene of a creative workspace. As users scroll, the scene will animate to show different stages of a project lifecycle, from concept to completion. The animation will loop every 10 seconds, with interactive elements that users can click to learn more about each project stage. The scene will be responsive, adjusting to different screen sizes while maintaining visual integrity.

8. Interaction Model & Motion Direction

Intended Interaction Model: Parallax with animated elements
Landing/Home Page: Continuous 2D motion loop with layered depth via scroll
Internal Pages: Static with minimal motion for clarity

Page 4 of 4

9. Non-Functional Requirements

The website must handle up to 7,000 concurrent users.
The website code and media must be non-copyable.
The website must be responsive and display correctly on all devices.
All navigation and buttons must function correctly without errors.

10. Tech Stack

Frontend: React for Web
Backend: Firebase for real-time database
3D Animations: @react-three/fiber and @react-three/drei
Animations: gsap for smooth transitions
Database: Firebase Realtime Database

11. Assumptions and Constraints

The website will use Firebase as the backend for real-time updates.
The website must adhere to professional design standards and avoid the use of emojis.
The website must be optimized for performance to handle high user traffic.

12. Glossary

Admin Panel: A backend interface for managing website content.
3D Animations: Interactive visual elements created using 3D modeling libraries.
Parallax Effect: A visual effect where background images move slower than foreground images, creating an illusion of depth.