Welcome to ForumZ! 🌟 Join the Conversation and Explore Communities.
ForumZ is a modern full-stack platform designed to foster engagement and interaction within communities. Built using Next.js App Router, TypeScript, and Tailwind, it offers a dynamic and intuitive experience for users.
🚀 Live Site: Experience ForumZ Now!
Built with Next.js, TypeScript, and Tailwind, ForumZ fosters engagement and interaction within communities.
- Infinite Scrolling: Dynamically loads posts for uninterrupted browsing.
- Authentication: Secure user authentication via NextAuth and Google OAuth.
- Custom Feed: Tailored feed for enhanced user engagement.
- Advanced Caching: Utilizes Upstash Redis for efficient data caching.
- Optimistic Updates: Smooth user experience with optimistic UI updates.
- Modern Data Fetching: Implements React-Query for efficient data retrieval.
- Rich Post Editor: Integrated @EditorJs for content creation with image uploads & link previews.
- Full Comment Functionality: Includes nested replies for comprehensive discussions.
- Voting System: Allows users to vote on posts and comments.
- Dynamic Search Bar: Enables active community searching.
- User Profile Customization: Empowers users to modify their profiles.
- Route Protection Middleware: Implements middleware to secure custom routes and prevent unauthorized access.
- Route Interception for Authentication Modals: Facilitates route interception for displaying authentication modals and managing user authentication flow.
- Frontend: React with Next.js App Router, TypeScript, Tailwind CSS
- Authentication: Google OAuth
- Image Upload: Uploadthing third-party image upload server
- Database: Prisma ORM, MySQL
- UI Components: Shadcn-UI components, Lucide-React icon library
- Rendering: SSR + CSR rendered pages/components
- Content Editor: EditorJs
- Performance Enhancement: Lodash.Debounce for efficient queries
- APIs: REST APIs for custom CRUD operations
-
Clone the repository
git clone https://github.com/param0510/zForum.git
-
Install dependencies
cd zForum npm install # or yarn install
-
Run the application
npm run dev # or yarn dev
ForumZ is ready for you to explore and contribute! 🚀 Whether you're here to engage with communities or contribute to this vibrant platform, we're thrilled to have you on board.
Feel free to fork this repository, raise issues, or submit pull requests. Your contributions will make ForumZ even more remarkable for everyone involved.
Let's build vibrant and engaging communities together! 🌟👩💻👨💻