Blogit is a blog site where users can post about anything that interests them. Users can log in and add new posts, they can be authenticated to edit and change content. Visitors to the site can search for blogs of certain authors or create an account to make blogs themselves.

Features

User Authentication: Users can authenticated to edit or delete blogs.
Blog Creation: Users can easily make blogs.
Blog Edit/Delete: Authenticated Users can easily edit or delete blogs.
Views Blogs: Users can easily view blogs from other users.

Screenshots

Getting started

1. Clone the repo

git clone [https://github.com/](https://github.com/Vipin-Devan/Blogit)

2. Create a .env file under client directory

cd client
touch .env

3. Add following variables

if server running on localhost:3001

• REACT_APP_SERVER=http://localhost:3001
• REACT_APP_IMAGE_URL=http://localhost:3001/images

4. Create a .env file under server directory

cd server
touch .env

5. Add following variables

if you want the server to run on port 3001

• PORT=3001
• MONGO_URL=mongodb://127.0.0.1:27017/mongodb
• SECRET=secret

6. Install dependencies for backend

cd server
npm i

7. Start development server for backend

npm run server

8. Install dependencies for frontend

cd client
npm i

9. Start development server for frontend

npm start

Tech stack

• React - Frontend library for building user interfaces

• Tailwind - Flexible CSS framework with pre-built classes for quickly styling web applications

• Axios - Library for sending HTTP requests in JavaScript

• [React Icons](React Icons) - Library that offers a collection of ready-to-use icons for React applications

• Express.js - Lightweight web framework for Node.js that makes building web applications

• MongoDB - Flexible and scalable NoSQL database that stores data in a format similar to JSON

• Mongoose - Object Data Modeling (ODM) library for Node.js and MongoDB

• JWT - App security with tokens

• Postman - Powerful tool for testing and documenting APIs

• Prettifier - Tool for making code look neat and organized by automatically adjusting its formatting

• mongoDB Compass - Visual GUI (Graphical User Interface) tool for MongoDB

Author

Vipin Devan - Github - LinkedIn