

<Sec>
	<h2>Calories Calculator</h2>
	<ul>
		<li>Navigation</li>
		<li>Add/Remove Movie to/from Favorites.</li>
		<li>Search Movies.</li>
		<li>Watch clicked Movie with available qualities.</li>
	</ul>
</Sec>
<Sec>
```js {6}"
interface CodeBlockProps {
  language?: SupportedLang;
  children: string;
};
const CodeBlock: React.FC<CodeBlockProps> = ({ language, children }) => {
  const codeRef = useRef(null);
  useEffect(() => {
    if (codeRef && codeRef.current) {
      hljs.highlightElement(codeRef.current);
    }
  }, [codeRef]);

  return (
    <>
      <pre>
        <code ref={codeRef} className={`language-${language}`}>{children}</code>
      </pre>
    </>
  );
};
```
</Sec>
    


<Sec>
	<Tech
		technologies={["Electronjs", "Nextjs", "Typescript","Scss", "Zustand","ReactQuery","MaterialUI"]}
		show={"all"}
		align="Vertical"
		background={"#fff"}
	/>
</Sec>


Calories Calculator

Other Projects

Diettodoor website

Venka website

My Movies app

Survey app