https://github.com/vishwajeetk5/blogify
Blogify is a dynamic blog application built with Node.js, Express.js, MongoDB, and EJS. Includes Bootstrap styling and features for Creating, updating, viewing and deleting posts
https://github.com/vishwajeetk5/blogify
axios blog blogify body-parser crud custom-api ejs-express expressjs mongodb nodejs rest-api
Last synced: 6 months ago
JSON representation
Blogify is a dynamic blog application built with Node.js, Express.js, MongoDB, and EJS. Includes Bootstrap styling and features for Creating, updating, viewing and deleting posts
- Host: GitHub
- URL: https://github.com/vishwajeetk5/blogify
- Owner: vishwajeetk5
- Created: 2024-02-04T18:51:46.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-20T18:21:48.000Z (over 1 year ago)
- Last Synced: 2025-06-02T08:17:28.800Z (9 months ago)
- Topics: axios, blog, blogify, body-parser, crud, custom-api, ejs-express, expressjs, mongodb, nodejs, rest-api
- Language: EJS
- Homepage:
- Size: 1.38 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blogify!
Blogify is a dynamic blog application built with Node.js, Express.js, MongoDB, and EJS.The user can publish,read, edit,delete posts, and search with keywords.
- Node.js serves as the runtime environment, handling server-side logic and routing,
- Express.js acts as a web application framework, simplifying route definition and request handling.
- MongoDB as the DBMS.
- EJS (Embedded JavaScript) serves as the templating engine.
- Additionally, Bootstrap is utilized for frontend design, providing pre-designed CSS and JavaScript components for a visually appealing and user-friendly interface
## Tech Stack
**Client:** Reactjs,Bootstrap
**Server:** Node.js, Express.js,RESTful API
**Data Management:** MongoDB
**Dependency:** Axios: Promise-based HTTP client for the browser and Node.js
Mongoose:Object Data Modeling (ODM) library for MongoDB and Node.js,provides abstraction over MongoDB's native driver
## Database Configuration
1.**Ensure MongoDB is Running**: Before executing any MongoDB commands, ensure that MongoDB is running on your local machine or server. Start MongoDB:
`mongod`
2.**Connect to MongoDB**: `mongo`
3.**Create a Database**: `use mydb`
4.**Create Collection**: `db.createCollection('blog')`
## Run Locally
1. Clone the project:
```bash
git clone https://github.com/vishwajeetk5/Blogify.git
```
2. Go to the project directory: `cd Blogify`
3. Install dependencies: `npm install`
5. Start the custom API server: `node api.js`
6. Then start Backend server: `node index.js`
7. Access the application at: `http://localhost:3000`
## Screenshots
Home Page with recent posts
New Post page
Edit Post page
Search and highlight through keyword
## Concepts Learned
- Building a RESTful API
- CRUD operations for blog posts using API and MongoDB with mongoose abstraction
- MongoDB installation and commands
- Using Postman for API testing
- Server-side templating with EJS
- Frontend-backend integration
- [Background Blob animation using Illustrator,SVG](https://dev.to/uuuuuulala/making-background-blob-animation-in-just-15kb-step-by-step-guide-2482)
## Mistakes Made
- HTML Never HTML forms do not support methods other than 'GET' and 'POST'
