Tech Tips Hub Web

Description:

Tech Tips Hub is an advanced blogging platform tailored for tech enthusiasts to read and write blogs. Users can access both free and premium blogs, with a monthly subscription offering exclusive content. The platform supports features like user registration, email verification, JWT-based authentication, upvoting/downvoting blogs, commenting with replies, and following/unfollowing users. It tracks important user interactions such as views, followers, and following, enhancing the social experience.

User Features:

• User Registration & Login: Secure registration and login using JWT-based authentication.
• Email Verification: Users must verify their email after registration to access full platform features.
• Read & Write Blogs: Users can publish their own blogs or read both free and premium content.
• Upvote/Downvote Blogs: Users can upvote or downvote blogs to show their preference.
• Commenting & Replies: Users can comment on blogs and reply to comments, fostering engagement.
• Follow/Unfollow Users: Users can follow or unfollow others, with tracking of followers and following counts.
• Premium Content Subscription: Access premium blogs with a monthly subscription.
• View Tracking: Track unique blog views while excluding the author’s views.

---

Admin Features:

• User Management: Admins can manage user accounts, including viewing, editing, or suspending users.
• Content Moderation: Admins can monitor, approve, or delete blogs and comments to ensure community guidelines are followed.
• Subscription Management: Admins can manage user subscriptions, view active and expired subscriptions, and handle billing issues.
• Analytics & Reporting: Track platform engagement metrics like total views, user growth, upvotes/downvotes, and content performance.

Tools and Packages

Icon	Technology Name
	Next.js
	React
	TypeScript
	Axios
	React Hook Form
	Zod
	Framer Motion
	Tailwind CSS
	TanStack Query
	NextUI

s

💻 Running locally:

To run the this project locally, follow these steps:

1. Clone the repository from GitHub:

git clone https://github.com/noyonalways/tech-tips-hub-web.git

2. Navigate into the project directory:

cd tech-tips-hub-web

3. Install Dependencies (npm or yarn):

npm install

or

yarn

4. Set up environment variables:

• Create a .env file in the root directory.
• Define necessary environment variables such as database connection URL, PORT, etc. Refer to any provided .env.example file or documentation for required variables.

BASE_API=http://192.168.0.116:5000/api/v1

4. Run the Application:

npm run dev

or

yarn dev

Let me know if you need any further modifications!

Contact

• Email: [email protected]
• LinkedIn: Noyon Rahman