├── .gitignore
├── .DS_Store
├── .swm
    ├── swimm.json
    └── chat-app-onboarding.eovyd.sw.md
├── package.json
├── server.js
└── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TiffinTech/chat-app/HEAD/.DS_Store


--------------------------------------------------------------------------------
/.swm/swimm.json:
--------------------------------------------------------------------------------
1 | {
2 |     "repo_id": "Z2l0aHViJTNBJTNBY2hhdC1hcHAlM0ElM0FUaWZmaW5UZWNo",
3 |     "configuration": {
4 |         "swmd": true
5 |     }
6 | }
7 | 


--------------------------------------------------------------------------------
/.swm/chat-app-onboarding.eovyd.sw.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | id: eovyd
 3 | name: Chat App Onboarding
 4 | file_version: 1.1.0
 5 | app_version: 1.0.6
 6 | ---
 7 | 
 8 | Onboarding to the React chat app
 9 | 
10 | <br/>
11 | 
12 | This file was generated by Swimm. [Click here to view it in the app](https://app.swimm.io/repos/Z2l0aHViJTNBJTNBY2hhdC1hcHAlM0ElM0FUaWZmaW5UZWNo/docs/eovyd).
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "chat-app",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "",
10 |   "license": "ISC",
11 |   "dependencies": {
12 |     "body-parser": "^1.20.0",
13 |     "express": "^4.18.1",
14 |     "http": "^0.0.1-security",
15 |     "mongoose": "^6.5.3",
16 |     "socket.io": "^4.5.1"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
 1 | const express = require('express');
 2 | const bodyParser = require('body-parser')
 3 | const app = express();
 4 | const http = require('http').Server(app);
 5 | const io = require('socket.io')(http);
 6 | const mongoose = require('mongoose');
 7 | 
 8 | app.use(express.static(__dirname));
 9 | app.use(bodyParser.json());
10 | app.use(bodyParser.urlencoded({extended: false}))
11 | 
12 | const Message = mongoose.model('Message',{
13 |   name : String,
14 |   message : String
15 | })
16 | 
17 | var dbUrl = 'mongodb+srv://user:password@cluster0.rlbj49y.mongodb.net/?retryWrites=true&w=majority'
18 | 
19 | 
20 | app.get('/messages', (req, res) => {
21 |   Message.find({},(err, messages)=> {
22 |     res.send(messages);
23 |   })
24 | })
25 | 
26 | 
27 | app.get('/messages/:user', (req, res) => {
28 |   var user = req.params.user
29 |   Message.find({name: user},(err, messages)=> {
30 |     res.send(messages);
31 |   })
32 | })
33 | 
34 | 
35 | app.post('/messages', async (req, res) => {
36 |   try{
37 |     let message = new Message(req.body);
38 | 
39 |     let savedMessage = await message.save()
40 |       console.log('saved');
41 | 
42 |       // place any words you dont want to be used 
43 |       let censored = await Message.findOne({message:'badword'});
44 |       if(censored)
45 |         await Message.remove({_id: censored.id})
46 |       else
47 |         io.emit('message', req.body);
48 |       res.sendStatus(200);
49 |   }
50 |   catch (error){
51 |     res.sendStatus(500);
52 |     return console.log('error',error);
53 |   }
54 |   finally{
55 |     console.log('Message Posted')
56 |   }
57 | 
58 | })
59 | 
60 | 
61 | 
62 | io.on('connection', () =>{
63 |   console.log('a user is connected')
64 | })
65 | 
66 | mongoose.connect(dbUrl,(err) => {
67 |   console.log('mongodb connected',err);
68 | })
69 | 
70 | let server = http.listen(3000, () => {
71 |   console.log('the server is running on port', server.address().port);
72 | });


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <title>My First Node App</title>
 5 |   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
 6 |   <script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
 7 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 8 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
 9 |   <script src="/socket.io/socket.io.js"></script>
10 | </head>
11 | <body>
12 | <div class="container">
13 |     <br>
14 |     <div class="jumbotron">
15 |         <h1 class="display-4">Send A Chat Message</h1>
16 |         <br>
17 |         <input id = "name" class="form-control" placeholder="Name">
18 |         <br>
19 |         <textarea id = "message" class="form-control" placeholder="Your Message Here"></textarea>
20 |         <br>
21 |         <button id="send" class="btn btn-success">Send!</button>
22 |     </div>
23 |     <div id="messages">
24 | 
25 |     </div>
26 | </div>
27 | <script>
28 |    var socket = io();
29 |     $(() => {
30 |         $("#send").click(()=>{
31 |             sendMessage({name: $("#name").val(), message: $("#message").val()});
32 |         })
33 | 
34 |         getMessages()
35 |     })
36 | 
37 |     socket.on('message', addMessages)
38 | 
39 |     function addMessages(message){
40 |         $("#messages").append(`<h4> ${message.name} </h4> <p> ${message.message} </p>`)
41 |     }
42 | 
43 |     function getMessages(){
44 |       $.get('http://localhost:3000/messages', (data) => {
45 |         data.forEach(addMessages);
46 |       })
47 |     }
48 | 
49 |     function sendMessage(message){
50 |       $.post('http://localhost:3000/messages', message)
51 |     }
52 | </script>
53 | </body>
54 | </html>


--------------------------------------------------------------------------------