A secure space for developers and tech enthusiasts to connect, share, and learn.
YourNextTech is a Next.js powered social platform for the tech community. It facilitates knowledge sharing, innovation discussions, and exploration of cutting-edge topics like AI and ML. Key features include GitHub OAuth, dynamic content feeds, and an interactive comment system.
- User Authentication: GitHub OAuth for secure sign-in.
- Dynamic Content Feeds: Create, edit, and delete posts/topics/comments.
- Search Functionality: Intelligent keyword-based search.
- User Profile Management: View profile, manage posts, and request admin access.
- 3NF Relational Database: Optimized relational database design ensuring minimal redundancy and improved data integrity.
Source Code
- Frontend: React and Next.js with NextUI for styling.
- Backend: Next.js server with Prisma ORM.
- Databases:
- PostgreSQL: Structured data storage.
- MongoDB: Non-relational admin data and backups.
- Cloud Hosting: Containerized with Docker and deployed on Google Cloud Platform.
The following diagram illustrates the architecture:
- Landing Page: Displays trending posts and GitHub profile integration after login.
- Post/Topic/Comments Pages: Easy creation and management of posts, topics, and comments.
- Admin Features: Add/remove admins through the user profile page.
- Advanced Search: Search based on post Title.
- Clone the repository from GitHub.
- Install dependencies using
npm install. - Configure PostgreSQL and MongoDB connection strings.
- Run the app locally with
npm run dev.
- Frontend: React, Next.js, NextUI
- Backend: Next.js, Prisma
- Databases: PostgreSQL (Railway), MongoDB (Atlas)
- Hosting: Google Cloud Platform
- Version Control: Git/GitHub with CI/CD via GitHub Actions