gretaivan / chirper Goto Github PK

Aiming for 60% coverage

• Create test server
• API tests
• Model tests

• Use DOM event to track letter input
• Warn user once journal entry exceeds the allowed length

When creating a journal entry at the bottom of the input the remaining letter count could be displayed.

alert when journal entry exceeds the allowed number of chars

• takes the request from the client
• stores the reaction to the json file

• on click add the reaction to the count
• send the info to the server

• Aiming for 60% coverage

• entry { }

  • Date { } - so we can add luxury feature later
  • Giphy URL { }
  • Reactions [ ]
  • Comment { }
  • Reads from json
  • Writes to json

• Create basic model

• Create constructor

• Create functions like set function (static), static get all()

with initial file structure and HTML file skeleton

• Create a form
• Extract data from a form
• Pass data to the server
• Server: POST method to get request form client
• Server: store the data to JSON file
• return the stored data through GET route to the client
• Client: display the received data from the server

• on click add the count to the reaction
• send the info to the server
• server store the reaction

Allow user to give a keyword for GIPHY search and return the random GIPHY that matches that keyword

Get the GIPHies matching the given keyword and display the selected one

• click comment button
• comment box appears
• send data to server
• server returns data to client

Set up server side using express / cors.

• Include imports and create listen to run server.
• Create basic routing

Create index file ready for use with basic styling.

• Server queries the JSON file
• add functionality in server to send all diary entries (POST method)
• request the entry data from the server
• server returns all journal entries
• Client-side appends the received data to the page

• Create hidden section in HTML
• Add DOM - on click
• Send request to the server / or do it from client to the GIPHY API
• Store the returned URL to the DOM hidden element
• Display the hidden section