📗 Table of Contents

• 📖 BlogSphere
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 📝 License

📖 BlogSphere

BlogSphere is a full-stack blog website that allows users to create, read, update, and delete blog posts, as well as manage comments on those posts. Built with Next.js, which allows faster page load due to server-side rendering and better SEO, Redux Toolkit, TypeScript, and MongoDB. With its seamless user experience, BlogSphere empowers users to share their thoughts and ideas with the world effortlessly, while providing readers with easy access to the valuable content.

🛠 Built With

Tech Stack

Front-End

• Next.js
• Redux Toolkit
• TypeScript
• Shadcn
• Tailwind CSS

Back-End

• Nextjs
• MongoDB

Key Features

• User Authentication: User authentication system for registering, and logging in user accounts.
• Blog Posts: Authenticated and authorized users can create, update, and delete blog posts, whereas all users can read blog posts.
• Comments: Authenticated and authorized users can write, update, and delete comments on blog posts, whereas all users can read the comments blog posts.

(back to top)

🚀 Live Demo

• Click here to see the live project

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Node.js installed.

Setup

Clone this repository to your desired folder:

  git clone https://github.com/AbeeraTahir/blog-sphere.git

Install

Install this project with:

  npm install

Usage

To run the project:

• Create a .env file in the root of the project.
• Inside that .env file, create a variable named MONGO_URI and assign your MongoDB connection link to it. Then create a variable named JWT_SECRET and assign your JWT secret key to it.
• Run the following command to see the website:

  npm run dev

(back to top)

👥 Author

👤 Abeera Tahir

• GitHub: @AbeeraTahir
• LinkedIn: Abeera Tahir

(back to top)

🔭 Future Features

• Authentication from other platforms e.g. Google, Facebook etc. can be added.
• Email confirmation and forgot password features can be added.
• User profile page can be added where user can manage his profile and account.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Please give a ⭐️, if you like this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)