Skip to content

Preveen369/EnlightenIt-Hub-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

114 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 EnlightenIt-Hub-App - MERN Blogging Platform

Platform Frontend Backend Backend Database Language License

The EnlightenIt-Hub-App is a full-stack MERN (MongoDB, Express.js, React, Node.js) blogging platform that enables users to create, share, and explore content across diverse topics. It features a modern UI, responsive design, and secure JWT-based authentication. Users can register, manage profiles, follow authors, and interact with posts through a personalized dashboard. Media uploads are handled via Cloudinary, and data is stored in MongoDB. The React frontend (deployed on Render) communicates with a Node.js/Express backend via RESTful APIs, with CORS support for cross-origin accessβ€”creating a scalable and engaging space for knowledge sharing.

πŸ”— Related Documentations: Client README | Server README

πŸ”— Live Project: https://enlightenit-hub-app.onrender.com/


πŸ“‹ Table of Contents

No. Sections
01 πŸš€ Core Features
02 πŸ“Έ Screenshots
03 πŸ“½οΈ Project Demo
04 πŸ› οΈ Tech Stack
05 πŸ“‚ Project Structure
06 πŸ§ͺ Installation & Setup
07 ➑️ Connecting Frontend, Backend & MongoDB
08 🀝 Contributing
09 πŸ“„ License
10 πŸ“§ Contact
11 🌟 Show Your Support

πŸš€ Core Features

πŸ“ Blogging Platform

  • Create, share, and explore posts on various topics.
  • Follow your favorite creators and discover trending topics.

πŸ”’ Secure & Friendly

  • Authentication using JSON Web Tokens (JWT) and Bcrypt.js.
  • Safe and welcoming space for users to connect and grow.

🌐 Full-Stack Integration

  • Frontend communicates with the backend via RESTful APIs.
  • Backend handles CRUD operations with MongoDB.
  • CORS configuration enables cross-origin requests from the frontend.

πŸ“± Responsive Design

  • Adapts to different screen sizes for a consistent experience.
  • Ensures usability on both desktop and mobile devices.

☁️ File Storage Integration

  • Integrated with Cloudinary for efficient and secure file storage.
  • Supports uploading and managing images for posts and user profiles.

πŸ‘€ Author Features

  • View posts created by specific authors.
  • Follow authors to stay updated on their latest posts.

πŸ—‚οΈ Category-Based Features

  • Browse posts by categories to find content of interest.
  • Filter posts based on topics like education, science, or entertainment.

πŸ“Š Dashboard

  • Access a personalized dashboard to manage your posts.
  • Edit or delete posts directly from the dashboard.

πŸ“„ Post Detail

  • View detailed information about individual posts.
  • See the author, category, and creation date of each post.

πŸ‘₯ User Profile

  • Manage your profile information, including name and avatar.
  • Update your profile details and preferences.

πŸ“Έ Screenshots

Below are some screenshots showcasing the EnlightenIt-Hub-App interface:

Landing Page

Home Page


πŸ“½οΈ Project Demo

Below is the project demo video of the EnlightenIt-Hub-App interface:

Project Demo Video


πŸ› οΈ Tech Stack

  • Frontend: React, CSS (Client README)
  • Backend: Node.js, Express.js (Server README)
  • Database: MongoDB
  • Authentication: JSON Web Tokens (JWT)
  • File Storage: Cloudinary

πŸ“‚ Project Structure

enlightenit-hub-app/
    β”œβ”€β”€ client/                # Frontend React application (see Client README)
    β”œβ”€β”€ server/                # Backend Node.js/Express application (see Server README)
    β”œβ”€β”€ .gitignore             # Git ignore file
    β”œβ”€β”€ package.json           # Backend dependencies
    β”œβ”€β”€ package-lock.json      # Backend dependency lock file
    β”œβ”€β”€ LICENSE                # MIT License file
    └── README.md              # Main project documentation

πŸ§ͺ Installation & Setup

πŸ“‹ Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn
  • MongoDB (local installation or MongoDB Atlas)
  • A Cloudinary Account (for cloud media storage)
  • Postman API (for API endpoints testing)

πŸ§‘β€πŸ’» Steps to Run

  1. Clone the repository

    git clone https://github.com/your-username/EnlightenIt-Hub-App.git
    cd EnlightenIt-Hub-App
  2. Set up the backend

    • Follow the instructions in the Server README to configure and run the backend.
  3. Set up the frontend

    • Follow the instructions in the Client README to configure and run the frontend.
  4. Deployment on Render


Connecting Frontend, Backend & MongoDB

For detailed instructions on connecting the frontend, backend, and MongoDB, refer to the Server README and Client README for specific configurations.


🀝 Contributing

Pull requests are welcome! Feel free to fork the repository and suggest improvements.

Steps to contribute:

# 1. Fork the repository
# 2. Create a feature branch
git checkout -b feature-name
# 3. Commit your changes
git commit -m "Add feature description"
# 4. Push to GitHub
git push origin feature-name
# 5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ“§ Contact

For queries or suggestions:


🌟 Show Your Support

If you like this project, please consider giving it a ⭐ on GitHub!

About

The EnlightenIt Hub App is a full-stack MERN blogging platform with a modern UI, JWT authentication, and media uploads via Cloudinary. Users can create, explore, and manage posts through a personalized dashboard. Built with React (Render), Node.js/Express, and MongoDB, it supports RESTful APIs and CORS for seamless interaction.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors