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 all 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 numberDiff line numberDiff 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>
33 changes: 33 additions & 0 deletions classwork/server-2.js
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
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/:name", (request, response) => {
const nameToDelete = request.params.name;
const indexToDelete = people.findIndex((name) => name === nameToDelete);
if (indexToDelete === -1) {
response.status(404).send("Person not found");
} else {
people.splice(indexToDelete, 1);
response.send("Person deleted");
}
});

const port = 3000;
app.listen(port, () => {
console.log("listening on port " + port);
});
21 changes: 10 additions & 11 deletions index.html
View file
Open in desktop
Original file line numberDiff line numberDiff 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