Skip to content

A StackOverflow clone. It includes features such as a recommendation system for posts, global database data-fetching, AI generated answers to questions, badge & reputation system, views & voting mechanism and filter & pagination.

License

Notifications You must be signed in to change notification settings

ManmeetSinghJohal/devoverflow

Repository files navigation

nodedotjs nextdotjs mongodb tailwindcss

DevOverflow

This is a Next.js project bootstrapped with create-next-app.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

  1. 🌐 Demo
  2. 🤖 Introduction
  3. 📝 Description
  4. ⚙️ Tech Stack
  5. 🔋 Features
  6. 🛠️ Setup
  7. 🔍 Usage
  8. To-do
  9. 📜 Credits
  10. 📚 References
  11. 📞 Contact
  12. 📋 License

Here is a working live demo: DevOverflow

DevOverflow - A StackOverflow clone. It includes features such as a recommendation system for posts, global database data-fetching, AI generated answers to questions, badge & reputation system, views & voting mechanism and filter & pagination.

Welcome to my project! Here, I'll provide you with a brief overview of what inspired me to create it, why it solves a problem, and what I've learned throughout its development.

  • Motivation: I was motivated to build this project to address a specific issue and to enhance my coding skills.
  • Why I Built This Project: My main goal was to create a practical and user-friendly solution to a real-world problem.
  • Problem Solved: This project aims to simplify a particular task, making it more efficient and accessible.
  • What I Learned: Throughout the development process, I gained valuable insights into various technologies and programming concepts.
  • Next.js
  • TypeScript
  • TinyMCE
  • MongoDB
  • Shadcn
  • Tailwind CSS
  • Mongoose ORM
  • Clerk
  • AuthO
  • React-Hook form
  • Zod

👉 Authentication: Seamlessly log in or sign up.

👉 Profile Management: Easily update profile details and link social media accounts for enhanced connectivity.

👉 Create: Question and Answers.

👉 Tagging for Context: Enhance post context and retrieval efficiency with intuitive tagging.

👉 Search & Filter: Retrieve past questions and answers swiftly with global search and filtering.

👉 Post Collection: Explore content easily with pagination features.

👉 Responsive: Ensures seamless functionality and aesthetics across all devices and many more, including code architecture and reusability

To get this project up and running in your development environment, follow these step-by-step instructions.

🍴 Prerequisites

We need to install or make sure that these tools are pre-installed on your machine:

  • NodeJS: It is a JavaScript runtime build.
  • Git: It is an open source version control system.

🚀 Install Project

  1. Clone the Repository
git clone [email protected]:ManmeetSinghJohal/devoverflow.git
  1. Install packages
npm install
  1. Create a .env file
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_........
CLERK_SECRET_KEY=sk_test_Or.........

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

NEXT_CLERK_WEBHOOK_SECRET=whsec.........

NEXT_PUBLIC_TINY_EDITOR_API_KEY=12kr........

MONGODB_URL=mongodb+srv://........

NEXT_PUBLIC_SERVER_URL=http://localhost:3000


OPENAI_API_KEY=sk-jNSD.........
  1. Run the dev server.
npm run dev

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone [email protected]:ManmeetSinghJohal/devoverflow.git

# Go into the repository
$ cd projectname

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

⚒️ How to Contribute

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

  • Fork the repo
  • Create a new branch (git checkout -b improve-feature)
  • Make the appropriate changes in the files
  • Add changes to reflect the changes made
  • Commit your changes (git commit -am 'Improve feature')
  • Push to the branch (git push origin improve-feature)
  • Create a Pull Request

📩 Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

Will update soon!

None for this project.

Ultimate Next.js 14 Course

Follow us on LinkedIn

License: MIT

About

A StackOverflow clone. It includes features such as a recommendation system for posts, global database data-fetching, AI generated answers to questions, badge & reputation system, views & voting mechanism and filter & pagination.

Topics

Resources

License

Stars

Watchers

Forks