Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vineetagarwal-code/socialquery
Forgot Your Question which was meant to asked to a client or someone else ? I got you covered .....
https://github.com/vineetagarwal-code/socialquery
bootstrap5 expressjs mongodb mongoose node nodemon react tailwindcss vite
Last synced: about 2 months ago
JSON representation
Forgot Your Question which was meant to asked to a client or someone else ? I got you covered .....
- Host: GitHub
- URL: https://github.com/vineetagarwal-code/socialquery
- Owner: VineeTagarwaL-code
- License: mit
- Created: 2023-04-19T17:53:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-22T16:25:14.000Z (about 1 year ago)
- Last Synced: 2023-11-23T02:39:17.504Z (about 1 year ago)
- Topics: bootstrap5, expressjs, mongodb, mongoose, node, nodemon, react, tailwindcss, vite
- Language: JavaScript
- Homepage:
- Size: 9.62 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 💥 SocialQuery
SocialQuery: Simplifying interviews with a central query repository. Easily organize, reference, and manage questions across categories for a more efficient and well-prepared interview experience.# 🔍 Project Description
This web application, developed using the MERN stack, is designed to effectively manage and categorize user queries. It offers user authentication and an admin dashboard for content management on the website. Users can create accounts with unique emails, add categories, and store their queries. Furthermore, it features an attractive and innovative UI that helps users navigate and understand the platform better. The application also allows users to add comments under these queries, ensuring they never forget important questions during interviews, code reviews, or development discussions.# 💡 Why did i build this ?
After checking out several open-source query management tools, I couldn't find any that fit the bill. That's what got me started on this project. It's simple but super useful, making it a great way for folks to dive into open source and for me to kick off my journey into full-stack development.# 🟰 TechStack
SocialQuery is built using the tech stack :- [React.js](https://react.dev/) - A Ui library for building Ui Components with ease 🤌
- [MongoDB](https://www.mongodb.com/) - a NoSQL database 🎫
- [Tailwind CSS](https://tailwindcss.com/) - a utility-first CSS framework 💗
- [Bootstrap CSS](https://getbootstrap.com/) - Build fast, responsive sites in seconds ⌚# 📷 Preview
![Untitled design](https://github.com/VineeTagarwaL-code/SocialQuery/assets/91052168/44d993eb-a4eb-4c9c-830b-7de9a8fcac95)# 🛠️ Local Development
This environment is fully on your computer and requires each dependency (for example MongoDB) to be installed and set up, but it gives you the most flexibility for customisation.`Prerequisites`
Before contributing or adding a new feature, please make sure you have already installed the following tools:
- [NodeJs](https://nodejs.org/en/download/)
- [MongoDB](https://www.mongodb.com/home) (v6+)`Commands`
You can set this up locally with the following steps , its divided into two parts `server` and `client` side setup to be exact :
- copy the `.env.example` file inside the server folder to `.env` in the same folder and update any details required
- MongoDb is Required , You can use Docker for setting up too⭐`SERVER SETUP`
Navigate to `server` folder using , `cd server` then:
- `npm install`
- `npm start or nodemon app.js`⭐`CLIENT SETUP`
Navigate to `server` folder using , `cd client` then:
- `npm install`
- `npm run dev`⚠️ Make sure mongodb is installed and env is setup properlly
# 🥑 Features
- 🧕 Create your account or login using pre-existing one
- 🔍 Add Query / Category
- 🎫 Dynamic UI
- 👁️ See Queries added via fellow peers
- 💡 Filter Queries via category or RegEx
- 🗨️ Comment / add remark on your or peer's query
- 🎓 Much more is possible via your contribution !
Feel free to contact me on [Twitter](https://twitter.com/vineet_codes) or [LinkedIn](https://www.linkedin.com/in/vineetagarwal2004/), know more about me at [vineet.app](https://vineetagarwal.netlify.app/)
[![Twitter](https://img.shields.io/badge/Twitter-follow-blue.svg?logo=twitter&logoColor=white)](https://twitter.com/vineet_codes/) [![Instagram](https://img.shields.io/badge/Instagram-follow-purple.svg?logo=instagram&logoColor=white)](https://www.instagram.com/codewithvineet/)
![Alt](https://repobeats.axiom.co/api/embed/7cafa82ef6b3a1d8cb75fff1164dcb4f6eac25f2.svg "Repobeats analytics image")