Skip to content

Blossom Blog is a dynamic blogging platform where both admins and users can create, feature, and manage posts. With a responsive design, secure authentication, and modern web technologies, it offers a seamless experience for content creation and exploration.

License

Notifications You must be signed in to change notification settings

danielace1/blossom-blog-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🌼Blossom Blog App

Blossom Blog is a dynamic blogging platform where both admins and users can create, feature, and manage posts. Users can explore, save, and interact with content, while admins have additional control over featured blogs and content management. Built with the latest web technologies, Blossom Blog delivers a seamless and responsive user experience.

✨Features

👤 User Features

  • ✍️ Create Blogs: Users can write and publish blogs.
  • 📰 Browse Posts: Explore a variety of blogs on different topics.
  • 📌 Save Posts: Save your favorite posts for easy access later.
  • 🔒 User Authentication: Secure login and registration via Clerk.

🛠️ Admin Features

  • ⭐ Feature Blogs: Highlight specific blogs as featured content.
  • 🗑️ Manage Content: Edit or delete blogs as needed.

🌐 General Features

  • 📱 Responsive Design: Fully optimized for both desktop and mobile devices.
  • 🔐 Secure API: All endpoints are protected and follow modern security standards.
  • 🎨 Interactive UI: Smooth animations and intuitive interactions.

💻 Tech Stack

🖼️ Frontend

  • React-19: Component-based UI development.
  • TailwindCSS: Rapid and modern styling.
  • React Query: Server state management.

⚙️ Backend

  • Node.js: Server-side JavaScript runtime.
  • Express.js-5: Web framework for building RESTful APIs.
  • MongoDB: NoSQL database for efficient data storage.
  • Clerk: Secure authentication.

🛠️ Tools

  • Axios: For handling HTTP requests.
  • Toast Notifications: User-friendly alerts.

⚙️ Installation

Steps

  1. Clone the repository:

    git clone https://github.com/danielace1/blossom-blog.git
    cd client &&
    cd server
  2. Install dependencies:

  • in client as well as in server.

    npm install
  1. Set up environment variables: Create a .env file in the both folders and add the necessary environment variables.

  2. Run the app:

    • Start the backend server:
      node --env-file .env --watch index.js
    • Start the frontend:
      npm run dev
  3. Access the app: Open your browser and navigate to http://localhost:5173.


🤝 Contribution

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

License

This project is licensed under the MIT License.


👨‍💻 Author

About

Blossom Blog is a dynamic blogging platform where both admins and users can create, feature, and manage posts. With a responsive design, secure authentication, and modern web technologies, it offers a seamless experience for content creation and exploration.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages