Skip to content

Blogmos is a modern web application that empowers users to create and share blog posts with ease. The platform combines a Next.js frontend with an Express.js backend to deliver a seamless blogging experience. Users can register, log in, and manage their blog content, while the public can view and engage with the posts.

Notifications You must be signed in to change notification settings

Darkx-dev/blogmos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blogmos

Blogmos Demo

Blogmos is a dynamic web application that empowers users to create, manage, and share their blog posts with the world. With a seamless user experience, Blogmos combines the power of Next.js for the frontend and Express.js for the backend to deliver a modern and efficient blogging platform.

πŸš€ Features

  • User Authentication: Secure registration and login system
  • Blog Creation: Intuitive interface for writing and publishing posts
  • Rich Text Editor: Format your posts with ease using our built-in editor
  • Tag System: Categorize your posts for better organization and discovery
  • Public Display: Showcase your thoughts to a global audience
  • Responsive Design: Optimized for both desktop and mobile devices

πŸ› οΈ Technologies

  • Frontend: Next.js, React
  • Backend: Express.js, Node.js
  • Database: MongoDB

🏁 Getting Started

Prerequisites

  • Node.js (v14.0.0 or later)
  • npm or yarn
  • MongoDB (local or Atlas)

Installation

  1. Clone the repository

    git clone https://github.com/Darkx-dev/blogmo.git
    cd blogmo
  2. Install backend dependencies

    cd backend
    npm install
  3. Install frontend dependencies

    cd ../frontend
    npm install
  4. Set up environment variables

    # In the backend folder
    cp .env.example .env
    # Edit .env with your configuration
  5. Start the backend server

    # In the backend folder
    npm run dev
  6. In a new terminal, start the frontend development server

    # In the frontend folder
    npm run dev
  7. Open http://localhost:3000 in your browser

πŸ“˜ Usage

  1. Registration: Navigate to the # page and create an account.
  2. Login: Use your credentials to log in to your account.
  3. Creating a Post:
    • Click on the "New Post" button in the Profile Dropdown or Manage Posts.
    • Use the Jodit rich text editor to write your post.
    • Add tags to categorize your post.
    • Click "Create" to make your post public.
  4. Editing Posts: In Development

🀝 Contributing

We welcome contributions to Blogmos! Please follow these steps:

  1. Fork the repository
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -m 'Add some feature'
  4. Push to the branch: git push origin feature/your-feature-name
  5. Submit a pull request

For major changes, please open an issue first to discuss what you would like to change.

πŸ“„ License

This project is licensed under the MIT License.

πŸ“ž Contact

[Roshan] - @RoshanK20798412

Project Link: https://github.com/Darkx-dev/blogmo


Made with ❀️ by [Roshan]

About

Blogmos is a modern web application that empowers users to create and share blog posts with ease. The platform combines a Next.js frontend with an Express.js backend to deliver a seamless blogging experience. Users can register, log in, and manage their blog content, while the public can view and engage with the posts.

Resources

Stars

Watchers

Forks