Skip to content
This repository was archived by the owner on Aug 17, 2024. It is now read-only.

London Class 9 - Natalie Zablotska - Node - Week 2 #275

Open
nataliiazab wants to merge 12 commits into
base: master
Choose a base branch
from
Open

London Class 9 - Natalie Zablotska - Node - Week 2 #275

Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
6118ef1
Updated Level 1 Challenge
nataliiazab Apr 3, 2023
504fb1f
completed level1
nataliiazab Apr 11, 2023
0c50489
Completed Level 2
nataliiazab Apr 11, 2023
3f3f613
Level 3 in progress
nataliiazab Apr 11, 2023
b3a0c5b
added put method
nataliiazab Apr 13, 2023
de5a1c8
fixed a bug in put
nataliiazab Apr 13, 2023
5cddb38
added fs in the header
nataliiazab Apr 13, 2023
879818c
Update server.js
nataliiazab Apr 15, 2023
22e1b08
assigned port to a variable
nataliiazab Apr 15, 2023
c813daf
added app.delete to /people:name route
nataliiazab Apr 15, 2023
bd14719
added if statements with error to /messages/:id put route
nataliiazab Apr 15, 2023
562302c
Added a comment to ask about the port later
nataliiazab Apr 15, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions classwork/index-2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<html>
<body>
<h1 id="heading"></h1>
<script>
fetch("http://localhost:3000/people")
.then((response) => response.json())
.then((data) => (document.getElementById("heading").innerHTML = data));
</script>
</body>
</html>
24 changes: 24 additions & 0 deletions classwork/server-2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
const express = require("express");

const app = express();
app.use(express.json());

let people = ["Jason"];

app.get("/people", (request, response) => {
response.setHeader("Access-Control-Allow-Origin", "*");
response.json(people);
});

app.put("/people", (request, response) => {
people.push(...request.body);
response.json(people);
});

app.delete("/people", (request, response) => {
res.send("DELETE Request Called");
Copy link
Copy Markdown

@jackhclee jackhclee Apr 13, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You may want to try to use VSCode's code formatting function (press CMD/CTRL + P, then enter "> format" at the prompt box)

Are you deleting an element from the people array? Did you miss capturing the id from url?

Copy link
Copy Markdown
Author

@nataliiazab nataliiazab Apr 15, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Many thanks for noticing - I've finished it now! Didn't know about CTRL + P + '> format', will learn more about this toll now. Thank you!

});

app.listen(3000, () => {
console.log("listening on port 3000");
Copy link
Copy Markdown

@jackhclee jackhclee Apr 13, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

assign port number in a variable so you can refer to it in your console message.

Copy link
Copy Markdown
Author

@nataliiazab nataliiazab Apr 15, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks Jack, done :)

});
21 changes: 10 additions & 11 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,22 @@
<title>Welcome to CYF Chat</title>
</head>
<body>
<h1>
CYF Chat
</h1>
<h2>
Send a message
</h2>
<form action="/messages" method="post">
<h1>CYF Chat</h1>
<h2>Send a message</h2>
<form action="http://localhost:9090/messages" method="post">
<p>
Name: <input type="text" name="from" placeholder="Your Name" /> <br />
Message: <input type="text" name="text" placeholder="The message..." />
<br />
</p>
<button type="submit">
Send
</button>
<button type="submit">Send</button>
</form>

<a href="/messages">See all messages</a>
<a href="http://localhost:9090/messages" method="GET">See all messages</a>
<!-- <script>
fetch("http://localhost:9090/messages")
.then((response) => response.json())
.then((data) => (document.getElementById("heading").innerHTML = data));
</script> -->
</body>
</html>
Loading