Skip to content

RainbowJM/dicho-hackaton

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👋🏼 Dicho di Hubentut ~ Youth poetry

logo

👁️ Demo Link! 👁️

dicho-hackaton-production.up.railway.app/


💻 Projectweek 3: Hackathon 💻

Teammates:

  • 👩🏾 Jevona Magdalena
  • 👩🏾 Keïsha Alexander
  • 👩🏻 Hilal Tapan
  • 👩🏽 Laiba Choudhry

📇 Concept 📇

During the projectweek we are given a choice between 2 projects, we have decided to go with the project Prompts engineering with poems. For this assignment we will have to fetch an api where you can generate poems based on themes and types. The user has a few types to choose from and fir the theme they can write anything they want.


📖 Job story 📖

When I am in a museum I would like to be able to generate poems based on themes.


💻 Intallation guide 💻

Install nvm

  1. To install the server you need node and express. You can do that with nvm. Nvm is package installer where you can install different packages. With this code you can install the latest versions of npm and node in your terminal:
nvm install 19.8.1

Clone repo

  1. Clone this repository by running:
git clone https://github.com/RainbowJM/dicho-hackaton.git

NPM install

  1. Install the dependencies by running:
npm install 

Start server

Run the following code to start the server:

node app.js

🛠️ Features combined 🛠️

  • Can generate poems
  • Can put own input
  • Works on 73 inch screen
  • Works on touchscreen
  • preview mode on input fields

📄 Licence 📄

This project has a MIT License - see the license file for more details.


💾 Used technologies 💾

  • EJS templating engine
  • Node.js
  • Service worker
  • Express

🖊 Schetsen 🖊

Schets 1

schets1

Schets 2

schets1

Schets 3

schets1

Schets 4

schets1

Startpage schets

startpage

Loading state schets

startpage


🔮 Hi fi prototype 🔮

Startpagina

startpage

Generate 1

startpage

Generate 2

startpage

Generate 3

startpage

Loading

startpage

Poems

startpage


👩🏼 User test 👩🏼

We conducted a user test on 3 users. We asked if they could just scroll and navigate through our application. During the user test we discover various things like, the user can’t use the keyboard. 

We noted all the obstacle the user had while using our application. Per user we have described what they went through


User 1: 

Remove on the home page the home button, because he thought that he wasn’t on the home page.  On the screen you can’t type in the text in the input fields, no keyboard The touchscreen is basically just a mouse Keep in mind the touch screen

User 2: 

Everything went smoothly He knew where to navigate and what to click 

User 3:

The UI of the application has to change a bit, it is not that easy to navigate Give the user feedback, so that they know they are right on track, the user she was really confused on where exactly to go She was second doubting everything, she was really confused on the page where she had to generate the poems. 

In the future if we want to continue with the application, we will keep these notes in mind and try to implement it to our code. 


📁 Sources 📁


About

Welcome to the world of poetry with a twist of AI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 61.9%
  • EJS 19.7%
  • JavaScript 18.4%