https://github.com/sheikhmohdnazmulhasan/engineers-iq
Specifically for programmers! Whether you're tackling coding challenges, exploring new development tools and frameworks, or seeking practical tips on software engineering, you’ll find it all here.
https://github.com/sheikhmohdnazmulhasan/engineers-iq
bloging-site fullstack-development mongodb nextauth nextjs nextui social-media
Last synced: over 1 year ago
JSON representation
Specifically for programmers! Whether you're tackling coding challenges, exploring new development tools and frameworks, or seeking practical tips on software engineering, you’ll find it all here.
- Host: GitHub
- URL: https://github.com/sheikhmohdnazmulhasan/engineers-iq
- Owner: sheikhmohdnazmulhasan
- License: mit
- Created: 2024-09-29T04:58:35.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-12T03:41:24.000Z (over 1 year ago)
- Last Synced: 2024-11-12T04:26:35.782Z (over 1 year ago)
- Topics: bloging-site, fullstack-development, mongodb, nextauth, nextjs, nextui, social-media
- Language: TypeScript
- Homepage: https://engineers-iq.vercel.app/
- Size: 502 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# EngineersIQ
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Project Structure](#project-structure)
- [API Endpoints](#api-endpoints)
- [Contributing](#contributing)
- [License](#license)
## Overview
EngineerIQ Hub is a dynamic full-stack web application designed to help tech enthusiasts navigate and master the ever-evolving world of technology. Users can access expert advice, personal experiences, and user-generated content covering everything from troubleshooting common tech issues to learning about new software, apps, gadgets, and digital tools.
## Features
- **User Authentication**: Secure registration and login with JWT-based authentication.
- **User Profiles**: Personalized profiles with the ability to update information and profile pictures.
- **Rich Content Creation**: Create and edit tech tips and tutorials using a powerful rich text editor.
- **Post Categories**: Easily categorize posts for better organization and discoverability.
- **Commenting System**: Engage in discussions through comments on posts.
- **PDF Generation**: Generate PDFs of tech guides for offline reference.
- **News Feed**: Dynamic feed with infinite scroll and sorting options.
- **Search & Filter**: Advanced search functionality with debouncing for optimal performance.
- **Following System**: Follow other tech enthusiasts to stay updated with their content.
- **Micro Animations**: Smooth transitions and effects for an engaging user experience.
- **Responsive Design**: Mobile-friendly interface adapting to various screen sizes.
## Technologies Used
- Frontend: Next.js
- Backend: Next.js API Route
- Database: MongoDB
- Authentication: JWT (JSON Web Tokens)
- Rich Text Editor: TinyMCE
- Styling: Tailwind CSS
- State Management: Redux / Context API
- API: RESTful API
## Getting Started
1. Clone the repository:
```
git clone https://github.com/sheikhmohdnazmulhasan/engineers-IQ.git
```
2. Install dependencies:
```
cd engineers-IQ
npm install
```
3. Set up environment variables:
Create a `.env` file in the root directory and add the necessary environment variables (database connection string, JWT secret, payment gateway credentials, etc.).
4. Start the development server:
```
npm run dev
```
5. Open your browser and navigate to `http://localhost:3000` to see the application running.
## Project Structure
```
tech-tips-and-tricks-hub/
├── client/ # Frontend React application
│ ├── components/ # Reusable React components
│ ├── pages/ # Next.js pages
│ ├── styles/ # CSS and styling files
│ └── utils/ # Utility functions and helpers
├── server/ # Backend Node.js application
│ ├── controllers/ # Request handlers
│ ├── models/ # Database models
│ ├── routes/ # API routes
│ └── middleware/ # Custom middleware functions
├── public/ # Static files
├── config/ # Configuration files
├── tests/ # Test files
└── README.md # Project documentation
```
## API Endpoints
- `/api/auth`: Authentication routes (register, login, logout)
- `/api/users`: User-related routes (profile management, following)
- `/api/posts`: Post-related routes (CRUD operations, upvoting)
- `/api/comments`: Comment-related routes
- `/api/categories`: Category management routes
- `/api/search`: Search functionality routes