React refactor

. babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": []
+}

.env

@@ -0,0 +1,2 @@
+// .env
+DATABASE_URL="postgres://fdbwujhyoqimnu:75f95e112d4582ad855de9dcd47ba60c7c1908902778c4665ee8f5d24053334d@ec2-52-210-97-223.eu-west-1.compute.amazonaws.com:5432/davbe1hom72g4k"

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/babel","next/core-web-vitals"]
+}

.gitignore

@@ -1,6 +1,32 @@
-.idea
-node_modules
-/index.js
-/index.js.LICENSE.txt
-/index.js.map
-/faq.js
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "import/calendar-orchestrator"]
+	path = import/calendar-orchestrator
+	url = https://github.com/renyuneyun/calendar-orchestrator.git

README.md

@@ -1,28 +1,50 @@
 # 🍜 KNoodle
 
-KNoodle is KNoWS' Solid-based alternative to Doodle.
-It allows you to find time slots that work for different people,
+KNoodle is KNoWS' (and OxfordHCC's) Solid-based alternative to Doodle. It allows you to find time slots that work for different people,
 by using their availability calendar which is made available through a Solid pod.
 
-## Run locally via HTTP server
+The configuration and automatic syncing of calendar is handled by the [orchestrator](https://github.com/oxfordhcc/calendar-orchestrator). You may want to read its documentation if new here.
 
-1. Install dependencies via `npm i`.
-2. Run production HTTP server via `npm start` (this first runs webpack to generate the browser index.js file), OR
-3. Run development HTTP server (that reloads when you make changes) via `npm run watch`
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Local development
+
+You may need to initialise the application first, and then start the development server.
+
+### Clone project and submodules
+
+```
+git clone --recurse-submodules https://github.com/OxfordHCC/knoodle.git
+```
+
+This command will clone the project and download the submodules automatically.
+If you have already cloned the project **but do not** have the submodules, run `git submodule update --init --recursive`.
+
+### Install dependencies
+
+```
+npm i
+```
+
+### Run development server
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 ## Suggested changes for your use case
 
-1. Update the variable `employeesUrl` in `js/index.js` to point to your list of people that will use KNoodle.
-2. Update the method `fetchParticipantWebIDs` in `js/utils.js` to extract the people from the data that is found at `employeesUrl`.
-3. Update the variable `participants` in `js/index.js` to remove the dummy people.
-4. Update the generated browser index.js file via `npx webpack`.
+1. Update the variable `employeesUrl` in `src/utils/participantsHelper.js` to point to your list of people that will use KNoodle.
+2. Update the method `fetchParticipantWebIDs` in `src/utils/participantsHelper.js` to extract the people from the data that is found at `employeesUrl`.
+3. Update the variable `participants` in `src/components/Schedule.js` to remove the dummy people.
 
 ## Development
 
-- You find all HTML of the application in `index.html`.
-- You find the frequently asked questions page in the folder `faq`.
-- You find some used libraries in the folder `lib`, most are handled using webpack. To create a development webpack bundle, use `webpack.dev.config.js`.
-- You find all custom JavaScript in the folder `js`.
+- All of the react components are found under `src/components/` and `src/pages/`
+- `src/utils/` contains code for data fetching and manipulation
+- `src/data/` contains dummy data for the calendar component which can be ignored
 
 ## License