Initial frontend implementation

This commit is contained in:
2024-09-25 18:37:44 +02:00
parent 4a21b7de97
commit 646b683cbb
12 changed files with 7683 additions and 0 deletions

23
frontend/src/App.js Normal file
View File

@@ -0,0 +1,23 @@
import React, { useState } from 'react';
import Editor from './components/Editor';
import FileTree from './components/FileTree';
import './App.scss';
function App() {
const [content, setContent] = useState('# Welcome to NovaMD\n\nStart editing here!');
const [files, setFiles] = useState(['README.md', 'chapter1.md', 'chapter2.md']);
return (
<div className="App">
<div className="sidebar">
<FileTree files={files} />
</div>
<div className="main-content">
<h1>NovaMD</h1>
<Editor content={content} onChange={setContent} />
</div>
</div>
);
}
export default App;