Added backend+database support

This commit is contained in:
Daniel
2022-04-19 16:52:53 +04:30
parent 663b83b361
commit f39baae69b
18 changed files with 1377 additions and 29 deletions
-32
View File
@@ -1,32 +0,0 @@
import { useEffect, useState } from 'react';
import './App.css';
import List from './componets/List';
function App() {
const [data, setData] = useState([]);
useEffect(() => {
async function fetchData() {
const res = await fetch('https://api.github.com/users');
const resJSON = await res.json();
// data.sort((b, a) => new Date(b.Date) - new Date(a.Date)) // Sort by date
setData(resJSON);
}
fetchData();
}, []);
return (
<div className="App">
<div className="head">
<input className="search" type="search" placeholder="Search bookmarks"/>
<button className="search-btn"><span className="material-icons-outlined md-36">search</span></button>
<button className="add-btn"><span className="material-icons-outlined md-36">add</span></button>
<button className="settings-btn"><span className="material-icons-outlined md-36">settings</span></button>
</div>
<List data={data} />
</div>
);
}
export default App;