1 create plain text dairy record (#3)

* ignore github api http where I experiment with api

* upgrade testing library

* weird config

* correct readme

* weird component to create a record

* configure committer

* write some readme

.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# HTTP requests with test queries
+github-api.http

README.md

@@ -1,2 +1,11 @@
-# MarkdDairy Web App
+# MarkDairy Web App
 
+The app allows you to write your diary and use your Github as storage for dairy records.
+
+## Configuration
+
+1. [Create a GitHub repository](https://github.com/new).
+   It is recommended to make it `private` unless you do not want everybody to read your records.
+2. Create [fine-grained personal access tokens](https://github.com/settings/tokens?type=beta) with
+   `"Contents"` repository permissions (write).
+3. Open the app and configure your repository and token.

package.json

@@ -5,12 +5,13 @@
   "homepage": ".",
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^15.0.6",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^17.0.45",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "buffer": "^6.0.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-scripts": "5.0.1",

src/App.tsx

@@ -1,10 +1,17 @@
 import React from 'react';
 import './App.css';
+import ConfigGithub from './components/config/config-github';
+import NewRecord from './components/record/new-record';
+
 
 function App() {
   return (
     <div className="App">
-      Markdiary will be here.
+      <header>Markdairy</header>
+
+      <div>Markdiary will be here.</div>
+      <ConfigGithub></ConfigGithub>
+      <NewRecord></NewRecord>
     </div>
   );
 }