structure

Application Structure

Client / server flow

Wat hier gebeurd is dat op de client side 4 pagina's zijn met formulier elementen. De data hiervan wordt pas geladen na de laatste stap. Om dit mogelijk te maken wordt de data wel gepost op de server maar het wordt op de volgende pagina als hidden gezet in de HTML. Hierdoor is het voor de client side niet zichtbaar maar is de data wel verzameld. Pas als het laatste formulier is ingevuld wordt de data opgeslagen in de date base waarvan de data vervolgens op de profiel pagina wordt weergeven.

Welke data wordt er verzameld

In mijn feature gebruik ik verschillende inputs waarvan de data wordt opgeslagen. Deze data wordt uiteindelijk weergegeven op de profielpagina met uitzondering van het email adres en de telefoonnummer aangezien dat persoonlijke informatie is. De volgende data wordt verzameld:

• Gebruikersnaam
• Geboorte datum/Leeftijd
• Telefoon nummer
• Aangevinkt artists en bands
• Profiel foto
• About me tekst

Wat gebeurt er met de data

Wordt vervolgt

Routes

Aanvullen :)

// Make new profile page
app.get('/new-profile',(req, res) => {
  res.render('make-profile.ejs');
})

// Select the band/artist page
app.post('/select-artists',(req, res) => {
  res.render('select-artists.ejs',{ items: artists });
})

// Upload profile picture page
app.get('/upload-picture',(req, res) => {
  res.render('upload-picture.ejs');
})

// Fill in about info
app.post('/new-about',(req, res) => {
  res.render('make-about.ejs');
})

// User profile
app.post('/profile',(req, res) => {
  res.render('profile.ejs');

  const profileData = {
    age: "22",
    username: "Serenoiia",
    bio: "Hii, I’m looking for people who want to go to sleep token with me",
    image: '/static/serenoiia.jpg',
  };
  res.render('profile', { profileData: profileData });
})

// 404 error if page is not found
app.use((req, res, next) => {
  res.status(404).send(
      "<h1>404 Page not found on the server</h1>")
})

---

Write about how you structured your server and the client / server flow.

• How does the client / server flow work in your application?
• What data gets send form the client to the server?
• What do you do with the data on the server? (clean / filter etc.)
• How did you structure your routes (did you mvc)?