Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/knock-knock-nithiz/liveblogapp
Live Blog Webapp
https://github.com/knock-knock-nithiz/liveblogapp
css ejs ejs-templates express javascript nodejs
Last synced: 3 months ago
JSON representation
Live Blog Webapp
- Host: GitHub
- URL: https://github.com/knock-knock-nithiz/liveblogapp
- Owner: Knock-Knock-Nithiz
- Created: 2024-08-26T13:28:56.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-26T17:52:57.000Z (4 months ago)
- Last Synced: 2024-10-11T04:04:00.241Z (3 months ago)
- Topics: css, ejs, ejs-templates, express, javascript, nodejs
- Language: JavaScript
- Homepage: https://liveblogapp.onrender.com
- Size: 107 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Live Blog App
Live Blog App is a real-time chat application that uses various modern web technologies including Node.js, Express, MongoDB, Webpack, and Socket.io. It allows users to engage in live chat, manage posts, and more.
## Features
- Real-time chat functionality with Socket.io
- User authentication and session management
- Post creation and management
- Responsive frontend built with Webpack
- Data persistence using MongoDB
- Secure environment with JWT for authentication
## Technologies
- **Backend:**
- Node.js
- Express.js
- MongoDB (via Mongoose)
- Socket.io
- JWT for authentication
- **Frontend:**
- Webpack
- Babel
- HTML/CSS
- **Development Tools:**
- Nodemon
- Concurrently
- Cross-env
## Getting Started
### Prerequisites
- Node.js (v20.15.1 or later)
- npm or yarn
- MongoDB instance
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Knock-Knock-Nithiz/3-chatapp.git
cd 3-chatapp
2. Install dependencies:
npm install
3. Set up environment variables:
Create a .env file in the root directory and add the following variables:
CONNECTIONSTRING=your-mongodb-connection-string
PORT=3000
JWTSECRET=your-secret-key
4. Start the development server:
npm run watch
### Deployment
Deployment
The application is deployed on Render and can be accessed at (https://liveblogapp.onrender.com/).
-**Steps for Deployment**
Push the code to your GitHub repository.
Create a new Web Service on Render:
1. Connect your GitHub repository.
2. Set up the environment variables, if any.
3. Choose the npm start as the build command. Deploy the app.
-**To deploy the application:**
-Ensure the .env file is properly set with production values.
-Configure your deployment environment (e.g., Render, Heroku) to bind to the correct port and use the provided environment variables.
Usage
-**Development Mode:**
-Runs the application and watches for file changes.
-Frontend assets are bundled and watched by Webpack.
-The server restarts on changes to backend files.
-**Production Mode:**
-Ensure environment variables are set for the production environment.
-The application should listen on the port provided by the hosting service.