Tech Tips Hub Frontend

This project is a sample implementation of a Tech Tips Hub application using Typescript, Nextjs, Axios, TanStack Query, Next Auth, Node.js, Express, and MongoDB.

---

Live Link

https://tech-tips-hub.vercel.app

---

Features

• user-friendly and visualy appealing interfaces
• news feed page with all the latest news
• post details page with post details and comments section
• profile page with user information and user reservation information
• dashboard page admin/user all page and information
• about us page with company information, Team membar information, mission, and vision
• contact us page with contact information and contact form

---

Technologies Used

• Nextjs
• Axios
• TanStack Query
• NextAuth
• Typescript
• Tailwind css
• Shadcn
• Quill js
• framer-motion
• Cloudinary

---

Admin Credentials

admin email: [email protected]
admin password: 123456

User Credentials

user email: [email protected]
user password: 123456

How to run the application locally

1. Clone the repository

https://github.com/Khairul-islam98/tech-tips-hub-frontend.git

2. Project open

cd tech-tips-hub-frontend

3. Create a .env.local file in the root directory of the project and add the following environment variables

NEXT_PUBLIC_BASE_API=
NEXTAUTH_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXT_CLOUDINARY_CLOUD_NAME=
NEXT_CLOUDINARY_UPLOAD_PRESET=

4. install the required packages

npm i

5. Run the Application locally

npm run dev