https://github.com/lepharamramchiary/developer-hub-blog
Developer's Blog is a comprehensive blogging platform designed specifically for developers to share their knowledge, experiences, and insights. The application features two distinct panels: one for users and another for administrators.
https://github.com/lepharamramchiary/developer-hub-blog
expressjs flowbite mongodb nodejs reactjs tailwindcss vite
Last synced: 3 months ago
JSON representation
Developer's Blog is a comprehensive blogging platform designed specifically for developers to share their knowledge, experiences, and insights. The application features two distinct panels: one for users and another for administrators.
- Host: GitHub
- URL: https://github.com/lepharamramchiary/developer-hub-blog
- Owner: LepharamRamchiary
- Created: 2024-05-31T03:53:52.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T08:37:00.000Z (11 months ago)
- Last Synced: 2024-12-29T20:33:22.091Z (5 months ago)
- Topics: expressjs, flowbite, mongodb, nodejs, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://developer-hub-blog.onrender.com/
- Size: 243 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Developer's Blog
### Description
Developer's Blog is a comprehensive blogging platform designed specifically for developers to share their knowledge, experiences, and insights. The application features two distinct panels: one for users and another for administrators.
### User Panel:
* Read Posts: Users can browse and read a wide range of blog posts.
* Comment: Users can leave comments on posts to engage in discussions.
* Like Comments: Users have the ability to like comments to show appreciation for valuable insights.
* Edit and Delete Comments: Users can edit or delete their own comments if needed.
* Update Profile: Users can update their profile pictures to personalize their accounts.
* Account Management: Users can delete their own accounts if they choose to leave the platform.
### Admin Panel:
* Create Posts: Admins can create new blog posts to share valuable content with the community.
* Edit and Delete Posts: Admins can edit or delete any post to ensure the quality and relevance of content.
* Comment Management: Admins can manage comments by editing or deleting any comment to maintain a positive and constructive discussion environment.
To access these features, both users and admins need to log in to the platform, ensuring a secure and personalized experience for each type of user.
### Installation Instructions
* Step 1: Clone the Repository: `git clone https://github.com/LepharamRamchiary/Developer-Hub-Blog`
* Step 2: Navigate to the Project Directory:
```
bash
cd developers-blog
```
* Step 3: Install Node Modules for Client and Server:
1. Navigate to the client directory and install the required packages:
```
bash
cd client
npm install
```
2. Navigate to the server directory and install the required packages:
```
bash
cd ../server
npm install
```
* Step 4: Set Up Environment Variables:
1. Create a `.env` file in the `client` directory and add the necessary environment variables (e.g., firebase).
```
VITE_FIREBASE_API_KEY = "Your_firebase_key"
```
2. Create a `.env` file in the `server` directory and add the necessary environment variables (e.g., database connection string, authentication secret, etc.).
```
MONGODB_URI = "Your_mongoDB_URL"
JWT_SECRET = "Your_Reandom_Secret"
```
* Step 5: Start the Development Server:
1. In the `server` directory, start the server:
```
bash
npm run dev
```
2. In the `client` directory, start the client:
```
bash
npm run dev
```
### Usage Instructions
* Navigate to http://localhost:3000 to access the blog.
* Sign Up for an account if you are a new user.
* Log In to your account to access the features.
* Create, Retrieve, Update, and Delete Posts (Admin).
* Read Posts,Retrieve, Comment, Like, Edit, and Delete Comments (User).
* Update Profile and Manage Account (User and admin).
### Features
* User authentication and authorization
* Create,Retrieve, Update, and delete blog posts (Admin)
* Comment on posts,Retrieve, Read, like, edit, and delete comments (User)
* User and Admin profile management
* Secure login for both users and admins
### Technologies Used
* Frontend: React with Vite, Flowbite for UI, and Tailwind css.
* Backend: Node.js with Express.
* Database: MongoDB
### Contributing Guidelines
##### I welcome contributions to Developer's Blog! To contribute:
* Fork the Repository on GitHub.
* Create a New Branch for your feature or bug fix.
* Commit Your Changes.
* Push to the Branch.
* Open a Pull Request on GitHub with a detailed description of your changes.
#### Postman Docs
https://documenter.getpostman.com/view/26300273/2sA3XQh2fA