Skip to content

add cubic lol #162

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
GeorgeAvdella merged 1 commit into from
Apr 16, 2025
Merged

add cubic lol #162

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion calc-frontend/src/components/Cosine/CosineDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,17 @@ function CosineDeriv() {
}, []);

return (

<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(\cos(x))
</div>
</div>

<div className="graph-outer-box" >
<CosineDerivGraph />
</div>
</div>

)
}
Expand Down
8 changes: 7 additions & 1 deletion calc-frontend/src/components/Cubic/CubicDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,17 @@ function CubicDeriv() {
}, []);

return (

<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(x^3)
</div>
</div>

<div className="graph-outer-box" >
<CubicDerivGraph />
</div>
</div>

)
}
Expand Down
8 changes: 8 additions & 0 deletions calc-frontend/src/components/Euler/EulerDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,17 @@ function EulerDeriv() {
return (


<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(e^x)
</div>
</div>

<div className="graph-outer-box" >
<EulerDerivGraph />
</div>
</div>

)
}
Expand Down
7 changes: 7 additions & 0 deletions calc-frontend/src/components/Line/LineDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,17 @@ function LineDeriv() {

return (

<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(x)
</div>
</div>

<div className="graph-outer-box" >
<LineDerivGraph />
</div>
</div>

)
}
Expand Down
9 changes: 9 additions & 0 deletions calc-frontend/src/components/NatLog/NatLogDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,20 @@ function NatLogDeriv() {
}, []);

return (



<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(\ln(x))
</div>
</div>

<div className="graph-outer-box" >
<NatLogDerivGraph />
</div>
</div>

)
}
Expand Down
8 changes: 7 additions & 1 deletion calc-frontend/src/components/Quadratic/QuadraticDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,17 @@ function QuadraticDeriv() {

return (

<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(x^2)
</div>
</div>

<div className="graph-outer-box" >
<QuadraticDerivGraph />
</div>

</div>
)
}

Expand Down
8 changes: 8 additions & 0 deletions calc-frontend/src/components/Sine/SineDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,17 @@ function SineDeriv() {
return (


<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(\sin(x))
</div>
</div>

<div className="graph-outer-box" >
<SineDerivGraph />
</div>
</div>

)
}
Expand Down
7 changes: 7 additions & 0 deletions calc-frontend/src/components/Tangent/TangentDeriv.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,17 @@ function TangentDeriv() {

return (

<div>
<div className="flex">
<div ref={container} className="center-header">
\frac&#123;d&#125;&#123;dx&#125;(\tan(x))
</div>
</div>

<div className="graph-outer-box" >
<TangentDerivGraph />
</div>
</div>

)
}
Expand Down
4 changes: 2 additions & 2 deletions calc-frontend/src/pages/CustomDerivative.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -186,10 +186,10 @@ function CustomDeriv() {
edit-box" style={{alignItems:'center', marginBottom:'.75rem'}}>

<div ref={edit} className="edit-down mr-[.25rem">
\frac&#123;d(\MathQuillMathField&#123;x&#125;)&#125;&#123;dx&#125;
\frac&#123;d&#125;&#123;dx&#125;(\MathQuillMathField&#123;x&#125;)
</div>
<div ref={container} className="mr-[1rem]" style={{fontSize:'1.75rem'}}>
\MathQuillMathField&#123;0&#125; \leq x \leq \MathQuillMathField&#123;5&#125;
\MathQuillMathField&#123;0&#125; \leq x \leq \MathQuillMathField&#123;5&#125;
</div>

<button className="go-button brighten mr-[.75rem]" onClick={()=>generateOutput()}> Graph</button>
Expand Down
24 changes: 22 additions & 2 deletions calc-frontend/src/pages/Home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,9 @@ function Home() {
const d23 = useRef(null);
const d24 = useRef(null);
const d25 = useRef(null);
const d26 = useRef(null);
const d27 = useRef(null);
const d28 = useRef(null);

useLayoutEffect(() =>{
//@ts-ignore
Expand Down Expand Up @@ -63,13 +66,15 @@ function Home() {
MQ.StaticMath(d23.current, { })
MQ.StaticMath(d24.current, { })
MQ.StaticMath(d25.current, { })

MQ.StaticMath(d26.current, { })
MQ.StaticMath(d27.current, { })
MQ.StaticMath(d28.current, { })
}, []);

return (
<div>
<div style={{display:'flex', gap:'15px'}}>
<Link to="/dashboard" tabIndex={-1} style={{marginRight:'10px'}}>
<Link to="/dashboard" tabIndex={-1} style={{marginRight:'2px'}}>
<button className="link-box cursor-pointer" style={{borderRadius:'5px'}}>Dashboard</button>
</Link>
{isPending === true?
Expand Down Expand Up @@ -115,6 +120,11 @@ function Home() {
</div>
</Link>

<Link to="/limits/cubic" className = "link-box">
<div className="link-title2"><span ref={d28} style={{ cursor: 'pointer' }}>x^{3}</span>
</div>
</Link>

<Link to="/limits/exponential" className = "link-box">
<div className="link-title2"> <span ref={d20} style={{ cursor: 'pointer' }}>{"e^{x}"}</span>{/*Expnential*/}
</div>
Expand Down Expand Up @@ -190,6 +200,11 @@ function Home() {
</div>
</Link>

<Link to="/derivatives/cubic" className = "link-box">
<div className="link-title2"><span ref={d27} style={{ cursor: 'pointer' }}>x^{3}</span>
</div>
</Link>

<Link to="/derivatives/exponential" className = "link-box">
<div className="link-title2"> <span ref={d4} style={{ cursor: 'pointer' }}>{"e^{x}"}</span>{/*Expnential*/}
</div>
Expand Down Expand Up @@ -265,6 +280,11 @@ function Home() {
</div>
</Link>

<Link to="/integrals/cubic" className = "link-box">
<div className="link-title2"><span ref={d26} style={{ cursor: 'pointer' }}>x^{3}</span>
</div>
</Link>

<Link to="/integrals/exponential" className = "link-box">
<div className="link-title2"> <span ref={d12} style={{ cursor: 'pointer' }}>{"e^{x}"}</span>{/*Expnential*/}
</div>
Expand Down