FullStack Blog App with Admin Dashboard

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start

🤖 Introduction

Welcome to the Fullstack blog platform with a dynamic dashboard! Seamlessly blending MongoDB, Express.js, React, and Node.js, the project offers a powerful suite of features for creating, managing, and sharing content. With user authentication, intuitive CRUD operations, and a sleek dashboard interface, it's your all-in-one solution for modern web publishing.

⚙️ Tech Stack

• React
• React Router Dom
• Redux Toolkit
• Node.js
• MongoDB
• Express
• Tailwind CSS

🔋 Features

👉 Advanced Search Functionality: Users can search by title, limit results, and sort through a modern sidebar, utilizing cutting-edge search query techniques with MongoDB.

👉 Dark Mode for Reading Fanatics: With the click of a button, toggle between light and dark themes for comfortable reading in any environment. Explore our extensive collection of content in a visually stunning interface designed to enhance your reading pleasure.

👉 Google OAuth integration: Seamlessly integrate your Google account to access our platform in seconds, ensuring a hassle-free registration process.

👉 Edit your Profile: Tailor your personal information, preferences, and avatar effortlessly to reflect your unique identity.

👉 Sleek Dashboard: Effortlessly manage posts, users, and comments with intuitive tools and real-time updates.

👉 Create Post: Engage your audience with captivating content, whether it's a thought-provoking article, a captivating story, or an inspiring message.

👉 Delete Post, Users and Comments: Remove outdated or unwanted posts, manage user accounts, and maintain a clutter-free environment by deleting comments.

👉 Mobile Friendly:Seamlessly transition between devices as it adapts to your screen size, ensuring a smooth and intuitive browsing experience on smartphones

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git

• Node.js

• npm (Node Package Manager)

• Cloning the Repository

[email protected]:Akashh141/FullStack-Blog-App-with-Admin-Dashboard.git
cd FullStack-Blog-App-with-Admin-Dashboard

**Installation**

Install the project dependencies using npm:

```bash
npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

MONGO=
JWT_SECRET= 

Create one more env file named .env in the client folder and add the following content:

VITE_FIREBASE_API_KEY = 

Replace the placeholder values with your actual credentials.

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

License

The module is available as open source under the terms of the MIT License.