diff --git a/README.md b/README.md
index 4facfafba..c6e282e8a 100644
--- a/README.md
+++ b/README.md
@@ -7,11 +7,9 @@ This is going to be so much fun! Here are a few general details:
## Exercises list
-**Exercise 1** - [HTML, CSS, JS.](https://github.com/monday-u-com/monday-u-exercises/tree/main/src/ex1)
+**Exercise 1** - [HTML, CSS, JS.](https://github.com/monday-u-com/monday-u-exercises/tree/master/src/ex1)
-**Exercise 2** - [In depth JS, Async JS, MVC](https://github.com/monday-u-com/monday-u-exercises/tree/main/src/ex2)
-
-**Exercise 3** - [Advance Node.js, CLI](https://github.com/monday-u-com/monday-u-exercises/tree/main/src/ex3)
+**Exercise 2** - [In depth JS, Async JS, MVC](https://github.com/monday-u-com/monday-u-exercises/tree/master/src/ex2)
# Submitting your tasks
Create a pull request in your forked repository and send to your mentor when it's ready.
diff --git a/ex4/README.md b/ex4/README.md
new file mode 100644
index 000000000..91bc8efe9
--- /dev/null
+++ b/ex4/README.md
@@ -0,0 +1,38 @@
+# Exercise 4 - Express.js
+
+You know what they say about #4: you'll remember it *for*ever (ha)
+
+## In this section you will practice
+
+**Express** - One of the most popular server frameworks for node.js
+**APIs** - We've already worked with an external API (the Pokemon one) - now we're going to build our own!
+**CRUD** - Create, Read, Update, Delete - the four fundamental operations of any API. We aren't updating yet, but the principles are the same
+
+## What you are going to build
+
+So far our whole app has been 100% local, and if you refreshed the page - that's it, all your todos were gone. No persistency. So sad.
+
+But that changes today! We're going to create a server that will handle all our todo items, _and_ our Pokemon fetching, and finally take our first step in becoming real #fullstack developers #hashtag
+
+You can use your existing project (copy+paste then refactor), or use the boilerplate we've set up for you in this `ex4` directory
+
+### The requirements:
+
+- [ ] Create your express backend (include separate `dist` and `server` folders)
+- [ ] Your `server.js` file should have all the express boilerplate and host your `dist` directory to any client that requests it (hint: you'll need to `.use` the `express.static` method)
+- [ ] Create an `api.js` file that acts as the 'controller' of your backend, handling all the routes (endpoints)
+- [ ] Create separate endpoints for (1) fetching all the todo items, (2) creating a new one, and (3) deleting an existing one (hint: don't forget `bodyParser`)
+- [ ] Move the pokemon fetching code to the backend - use `axios` instead of `fetch` for your requests
+- [ ] On app load (i.e. when a user enters the page) it should fetch all the todo items and render them
+
+In terms of the front end, it will look the same as before:
+
+
+But now when you refresh the page **the data should still be there**
+
+### Bonus
+
+- [ ] Create a [middleware](https://expressjs.com/en/guide/using-middleware.html) that makes a log each time a user accesses any of the routes (you can just do a `console.log`)
+- [ ] Handle server errors elegantly. Specifically, if anything goes wrong the user should see an error message (ideally, not an alert) with an explanation of what went wrong instead of crashing the page
+- [ ] Add a loder/spinner to the page that indicates the client is waiting for an async operation (e.g. a call to the server) to finish
+- [ ] Add simple caching to your server. If a user requests for the same pokemon ID three times in the same minute, for example, it should only make a request to the Pokemon API once. You can use a simple in-memory data structure for your cache
diff --git a/ex4/dist/clients/itemClient.js b/ex4/dist/clients/itemClient.js
new file mode 100644
index 000000000..e8f69be73
--- /dev/null
+++ b/ex4/dist/clients/itemClient.js
@@ -0,0 +1,60 @@
+class ItemClinet {
+ constructor() {}
+
+ async createItem(item) {
+ const response = await fetch("/item", {
+ method: "post",
+ body: JSON.stringify({ item }),
+ headers: { "Content-Type": "application/json" },
+ });
+ if (response.status == 201) {
+ return await response.json();
+ }
+ }
+
+ async fetchItems() {
+ const response = await fetch("/item", {
+ method: "GET",
+ headers: { "Content-Type": "application/json" },
+ });
+
+ if (response.status != 200) {
+ throw new Error(" Error fetching items");
+ }
+
+ const data = await response.json();
+
+ return data;
+ }
+
+ async deleteItem(itemId) {
+ try {
+ await fetch(`/item/${itemId}`, {
+ method: "delete",
+ headers: { "Content-Type": "application/json" },
+ });
+ } catch (err) {
+ throw new Error("failed to delete item");
+ }
+ }
+
+async deleteAll()
+{
+ try {
+ await fetch('/item' ,{
+ method: "delete",
+ headers: { "Content-Type": "application/json" },
+ });
+ } catch (err) {
+ throw new Error("failed to delete all items ");
+ }
+ }
+
+}
+
+
+
+
+
+
+export default new ItemClinet();
diff --git a/ex4/dist/images/delete_icon.svg b/ex4/dist/images/delete_icon.svg
new file mode 100644
index 000000000..9806a770a
--- /dev/null
+++ b/ex4/dist/images/delete_icon.svg
@@ -0,0 +1,3 @@
+
diff --git a/ex4/dist/index.html b/ex4/dist/index.html
new file mode 100644
index 000000000..cb55e9169
--- /dev/null
+++ b/ex4/dist/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+ Todo List
+
+
+
+
+
+
+