https://github.com/noyonalways/tech-tips-hub-web
Tech Tips Hub Web UI
https://github.com/noyonalways/tech-tips-hub-web
Last synced: 5 months ago
JSON representation
Tech Tips Hub Web UI
- Host: GitHub
- URL: https://github.com/noyonalways/tech-tips-hub-web
- Owner: noyonalways
- License: mit
- Created: 2024-10-10T08:43:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-15T18:42:45.000Z (about 1 year ago)
- Last Synced: 2025-04-15T19:44:00.669Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://techtipshub.vercel.app
- Size: 930 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Youtube][youtube-shield]][youtube-url]
[![Facebook][facebook-shield]][facebook-url]
[![Facebook Page][facebook-shield]][facebook-group-url]
[![Instagram][instagram-shield]][instagram-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
[![VS Code Theme][vscode-shield]][vscode-theme-url]
TechTips Hub Web
## Description:
**TechTips 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:
```sh
git clone https://github.com/noyonalways/tech-tips-hub-web.git
```
### 2. Navigate into the project directory:
```sh
cd tech-tips-hub-web
```
### 3. Install Dependencies (npm or yarn):
```sh
npm install
```
or
```sh
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.
```sh
BASE_API=http://192.168.0.116:5000/api/v1
```
### 4. Run the Application:
```sh
npm run dev
```
or
```sh
yarn dev
```
Let me know if you need any further modifications!
[youtube-shield]: https://img.shields.io/badge/-Youtube-black.svg?style=round-square&logo=youtube&color=555&logoColor=white
[youtube-url]: https://youtube.com/@deskofnoyon
[facebook-shield]: https://img.shields.io/badge/-Facebook-black.svg?style=round-square&logo=facebook&color=555&logoColor=white
[facebook-url]: https://facebook.com/noyonalways
[facebook-group-url]: https://facebook.com/webbronoyon
[instagram-shield]: https://img.shields.io/badge/-Instagram-black.svg?style=round-square&logo=instagram&color=555&logoColor=white
[instagram-url]: https://instagram.com/noyonalways
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=round-square&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/noyonalways
[vscode-shield]: https://img.shields.io/badge/-VS%20Code%20Theme-black.svg?style=round-square&logo=visualstudiocode&colorB=555
[vscode-theme-url]: https://marketplace.visualstudio.com/items?itemName=noyonalways.codevibe-themes
## Contact
- Email: [noyonrahman2003@gmail.com](mailto:noyonrahman2003@gmail.com)
- LinkedIn: [Noyon Rahman](https://linkedin.com/in/noyonalways)