${msgTime()}
`; 119 | 120 | // Append to chat messages list 121 | document.querySelector('#chat-messages').appendChild(messageLi); 122 | 123 | // Clear message input text box 124 | document.querySelector('#message').value = ''; 125 | } 126 | // Reset currId and pageId once message is sent and page displays message 127 | currId = 0; 128 | pageId = 0; 129 | }); -------------------------------------------------------------------------------- /seeds/index.js: -------------------------------------------------------------------------------- 1 | const seedUsers = require('./user-seeds'); 2 | const seedMessages = require('./message-seeds'); 3 | 4 | const sequelize = require('../config/connection'); 5 | 6 | const seedAll = async() => { 7 | await sequelize.sync({ force: true }); 8 | console.log('\n----- DATABASE SYNCED -----\n'); 9 | 10 | await seedUsers(); 11 | console.log('\n----- USERS SEEDED -----\n'); 12 | 13 | await seedMessages(); 14 | console.log('\n----- MESSAGES SEEDED -----\n'); 15 | 16 | process.exit(0); 17 | }; 18 | 19 | seedAll(); -------------------------------------------------------------------------------- /seeds/message-seeds.js: -------------------------------------------------------------------------------- 1 | const { Message } = require('../models'); 2 | 3 | const messageData = [{ 4 | sender_id: 1, 5 | receiver_id: 2, 6 | message_text: 'Hi, how are you?' 7 | }, 8 | { 9 | sender_id: 2, 10 | receiver_id: 1, 11 | message_text: 'Hi there - good, how about you? What kind of music do you like?' 12 | }, 13 | { 14 | sender_id: 1, 15 | receiver_id: 2, 16 | message_text: 'I love basically everything, been listening to jazz a lot today. What about you?' 17 | }, 18 | { 19 | sender_id: 2, 20 | receiver_id: 1, 21 | message_text: 'Nice, I like jazz and hip hop a lot!' 22 | }, 23 | { 24 | sender_id: 2, 25 | receiver_id: 3, 26 | message_text: 'Hi, what is your favorite food?' 27 | }, 28 | { 29 | sender_id: 3, 30 | receiver_id: 2, 31 | message_text: 'Hi! I love Thai food. What about you?' 32 | }, 33 | { 34 | sender_id: 2, 35 | receiver_id: 3, 36 | message_text: 'Ooh I love Thai but my favorite is Italian' 37 | } 38 | ]; 39 | 40 | const seedMessages = () => Message.bulkCreate(messageData); 41 | 42 | module.exports = seedMessages; -------------------------------------------------------------------------------- /seeds/user-seeds.js: -------------------------------------------------------------------------------- 1 | const { User } = require('../models'); 2 | 3 | const userData = [ 4 | { 5 | first_name: 'Sam', 6 | last_name: 'Smith', 7 | email: 'samsmith@email.com', 8 | password: 'password1', 9 | bio: 'I listen to all kinds of music every day', 10 | gender: 'non-binary', 11 | sexual_preference: 'pansexual', 12 | pronouns: 'they/them', 13 | birthday: 03 / 03 / 2003, 14 | }, 15 | { 16 | first_name: 'Laura', 17 | last_name: 'Lee', 18 | email: 'lauralee@email.com', 19 | password: 'password1', 20 | bio: 'I have over 50 plants', 21 | gender: 'female', 22 | sexual_preference: 'bisexual', 23 | pronouns: 'she/her', 24 | birthday: 01 / 01 / 2000, 25 | }, 26 | { 27 | first_name: 'Frankie', 28 | last_name: 'Gray', 29 | email: 'frankie@email.com', 30 | password: 'password1', 31 | bio: 'I love hiking and travelling', 32 | gender: 'male', 33 | sexual_preference: 'homosexual', 34 | pronouns: 'he/they', 35 | birthday: 07 / 07 / 1997, 36 | }, 37 | ]; 38 | 39 | const seedUsers = () => User.bulkCreate(userData, { individualHooks: true }); 40 | 41 | module.exports = seedUsers; 42 | -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const express = require('express'); 3 | const routes = require('./controllers'); 4 | const sequelize = require('./config/connection'); 5 | const session = require('express-session'); 6 | const exphbs = require('express-handlebars'); 7 | const helpers = require('./utils/helpers'); 8 | const hbs = exphbs.create({ helpers }); 9 | require('dotenv').config(); 10 | 11 | const app = express(); 12 | const PORT = process.env.PORT || 3001; 13 | 14 | const server = require('http').createServer(app); 15 | const io = require('socket.io')(server); 16 | 17 | const SequelizeStore = require('connect-session-sequelize')(session.Store); 18 | // Setup for cookies use 19 | const sess = { 20 | secret: process.env.SECRET_SECRET, 21 | cookie: {}, 22 | resave: false, 23 | saveUninitialized: true, 24 | store: new SequelizeStore({ 25 | db: sequelize 26 | }) 27 | }; 28 | 29 | app.use(session(sess)); 30 | app.use(express.json()); 31 | app.use(express.urlencoded({ extended: true })); 32 | app.use(express.static(path.join(__dirname, 'public'))); 33 | 34 | // Turn on routes 35 | app.use(routes); 36 | 37 | // Handlebars 38 | app.engine('handlebars', hbs.engine); 39 | app.set('view engine', 'handlebars'); 40 | 41 | // Socket.io 42 | io.on('connection', (socket) => { 43 | socket.on('new message', (message) => { 44 | io.emit('new message', message); 45 | }); 46 | }); 47 | 48 | // Turn on connection to db and server 49 | sequelize.sync({ force: false }).then(() => { 50 | server.listen(PORT, () => console.log(`Now listening on port ${PORT}`)); 51 | }); -------------------------------------------------------------------------------- /utils/filters.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | getUserLatest: (messages, user, sessionId, paramId) => { 3 | // Filters for the current user via session id 4 | var currentUser = user.filter((user) => user.id == sessionId); 5 | currentUser = currentUser[0]; 6 | 7 | // Filters for current chatter via param id 8 | var currentChatter = user.filter((user) => user.id == paramId); 9 | currentChatter = currentChatter[0]; 10 | if (!paramId) { 11 | currentChatter = null; // Returns null if on home /chat page 12 | } 13 | 14 | // Filters for an array of most recent chat messages per chatter 15 | let latestChat = []; 16 | if (messages) { 17 | messages.forEach((message) => { 18 | user.forEach((user) => { 19 | if ( 20 | // If sender is user and user id is sender id 21 | (message.sender_id !== sessionId && user.id === message.sender_id) || 22 | // OR if receiver is user and user id is sender id 23 | (message.receiver_id !== sessionId && user.id === message.receiver_id) 24 | ) { 25 | // Only do if latestChat array does not already include user 26 | if (!latestChat.includes(user)) { 27 | // Set latest message and push to array 28 | user.latest_message = message.message_text; 29 | latestChat.push(user); 30 | } 31 | } 32 | }); 33 | }); 34 | } 35 | 36 | return { currentUser, currentChatter, latestChat }; 37 | } 38 | }; -------------------------------------------------------------------------------- /utils/helpers.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | get_chat_class: (senderId, currentId) => { 3 | if (senderId !== currentId) { 4 | return 'received'; 5 | } 6 | return 'sent'; 7 | }, 8 | format_time: (time) => { 9 | return new Date(time).toLocaleString('en-US', { 10 | hour12: true, 11 | hourCycle: 'h12', 12 | hour: 'numeric', 13 | minute: '2-digit' 14 | }); 15 | }, 16 | capitalize_first_name: (string) => { 17 | return string.charAt(0).toUpperCase() + string.slice(1); 18 | }, 19 | last_name_initial: (string) => { 20 | return string.charAt(0).toUpperCase() + '.'; 21 | }, 22 | }; 23 | -------------------------------------------------------------------------------- /views/chat.handlebars: -------------------------------------------------------------------------------- 1 |
7 | 
4 |
4 |