DevVerse is a developer-focused platform that allows users to share and explore code snippets, tutorials, and technical articles. Built with MongoDB and React js, it provides a collaborative environment for developers to learn and grow.
DevVerse is designed as a community platform where developers can connect and share their knowledge. It supports a range of content types like code snippets and blog posts, all stored and managed in MongoDB.
- User Authentication: Secure signup and login using JWT tokens and bcrypt for password hashing.
- Snippet and Blog Posting: Users can submit code snippets and blog posts.
- Admin Verification: Admin functionality to verify posts before they go live.
- Like Feature: Users can like blog posts and view their liked content on the homepage.
- Image Upload: Users can upload and display images alongside their posts.
- Responsive Design: Optimized for both desktop and mobile views.
- MongoDB: NoSQL database for storing user data, blog posts, and other application data.
- React: Frontend framework for building user interfaces.
- Express.js: Web framework for handling API requests.
- Node.js: Backend runtime environment.
- JWT: Used for secure token-based authentication.
- bcrypt: For secure password hashing.
-
Clone the repository:
git clone https://github.com/your-username/devverse.git
-
Navigate to the project directory:
cd devverse -
Install dependencies for both frontend and backend:
- Backend:
cd backend npm install - Frontend:
cd ../frontend npm install
- Backend:
-
Set up environment variables: Create a
.envfile in thebackendfolder with the following variables:MONGO_URI=<Your MongoDB connection string> PORT=5000 JWT_SECRET=<Your JWT secret> -
Start the development server:
- Backend:
cd backend npm run dev - Frontend:
cd ../frontend npm start
- Backend:
-
Open http://localhost:3000 in your browser to view the app.