https://github.com/moshiur-15/nextra-blog-client

A modern blogging platform for creating, publishing, and managing blogs with markdown support, dynamic content, and a sleek UI for a better writing experience.
https://github.com/moshiur-15/nextra-blog-client

axios expressjs firebase flowbite-react mongodb reactjs tailwindcss tanstack-query

Last synced: 2 months ago
JSON representation

A modern blogging platform for creating, publishing, and managing blogs with markdown support, dynamic content, and a sleek UI for a better writing experience.

• Host: GitHub
• URL: https://github.com/moshiur-15/nextra-blog-client
• Owner: Moshiur-15
• Created: 2025-02-05T11:20:38.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-14T04:54:38.000Z (over 1 year ago)
• Last Synced: 2025-04-05T09:15:23.036Z (about 1 year ago)
• Topics: axios, expressjs, firebase, flowbite-react, mongodb, reactjs, tailwindcss, tanstack-query
• Language: JavaScript
• Homepage: https://nextera-blog-me.netlify.app/
• Size: 6.89 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# NextEra Blog

A responsive blog website built with modern web technologies like Firebase, JWT Authentication, and a responsive design. This project includes features such as sorting blog posts by category, searching, a wishlist, and a user authentication system.

---

## Live Link 

  https://nextera-blog-me.netlify.app/

  ![nextera-blog Live Demo](/src/assets/Screenshot%202025-01-09%20154515.png)

  

---

## Features

- **Responsive Design**: Fully optimized for mobile, tablet, and desktop devices.

- **Dynamic Content**: Easily create, edit, and manage blog posts.

- **Comments System**: Engage readers with a built-in commenting feature.

- **Framer Motion**: Smooth animations implemented on the Home Page.

  **Authentication**: JWT for secure token-based authentication.

- **All Blog Posts Page**: Sort blog posts by category, and search blog posts.

- **Wishlist**: Users can add blog posts to their wishlist by clicking on a heart icon.

---

## Tech Stack

- **Frontend**: React.js, TailwindCSS, daisyui, flowbite react, Framer Motion

- **Backend**:Express.js

- **Database**: MongoDB

- **Authentication**: JWT (JSON Web Tokens), firebase

- **Deployment**: netlify, Vercel

---

## Core Implementations

1. **Home Page**:

   - Integrated with Framer Motion for smooth animations and interactions.

2. **Authentication System**:

   - Secured private routes using JWT authentication.

3. **Wishlist Page**:

   - Data filtered on the server side for the currently logged-in user.

4. **Featured Blogs Page**:

   - Implemented a sortable data table using the `Ka-table` library, allowing users to sort by column headers.

5. **Additional Pages**:

   - Update Blog Page

   - Add Blog Page

   - Blog Details Page

   - All Blogs Page

   - Recent Blog Posts

   - Trending Posts

---

## Installation

- flowbite-react

- swiper

- MongoDB

- ka-table

- motion

- Express.js

## Contact

For any inquiries or feedback, feel free to reach out a[masiurislam28@gmail.com].