DevSocial - Social Blogging Network for Developers

Overview

DevSocial is a fully responsive social blogging network designed specifically for developers. It provides a platform where developers from around the world can interact with each other by posting, commenting, and liking blogs about new technologies and emerging trends. By eliminating the need for third-party services, DevSocial ensures greater control and privacy by building its own server and APIs using Node.js and Express. This full-stack application is built using the MERN (MongoDB, Express, React, Node.js) stack and incorporates various technologies like React.js, Node.js, MongoDB, Express server, JavaScript, CSS, and Google OAuth.

Features

• Blog Posts and clean responsive UI: Developers can create, edit, and delete blog posts to share their knowledge and insights on new technologies and emerging trends.

• Comments and Likes: Users can engage with blog posts by leaving comments and liking posts to show their appreciation or support.

• Recommended Posts: The application recommends posts to users based on their interests and previous interactions, providing personalized content and enhancing their browsing experience.

• Search and Filtering with added security: The application provides search and filtering capabilities, allowing users to discover specific blog posts or topics of interest. Users can only like,comment and engage if they sign in to the platform.

• Google OAuth and robust authentication system: Secure authentication and authorization are implemented using Google OAuth, ensuring a seamless and safe login experience for users. A clean sign in/sign up page where users can be authenticated. They can create there new accounts if they want.

• Seamless fetching of posts from the created API and responsiveness

DevSocial utilizes the following technologies to provide its features:

• React.js: The front-end of the application is built using React.js, providing a responsive and interactive user interface.
• Node.js: Node.js is used as the back-end runtime environment for server-side code execution.
• Express: Express.js is employed as the web application framework to build the server and APIs.
• MongoDB: MongoDB serves as the database system to store and retrieve user profiles, blog posts, comments, and likes.
• JavaScript: JavaScript is the primary programming language used for implementing the application's logic and functionality.
• CSS: CSS is used for styling the user interface, creating an appealing and intuitive design.
• Google OAuth: Google OAuth is utilized for secure authentication and authorization, allowing users to log in using their Google accounts.

Deployment of project

• Frontend deployed using Netlify - https://devsocialblog.netlify.app
• Backend API deployed on render - https://devsocial-backend.onrender.com/
• Backend code - https://github.com/Luckshya1210/DevSocialBackend

Follow the instructions below to set up and run the DevSocial locally:

• Clone the repository:

git clone https://github.com/your-username/your-project.git

cd your-project

• Install the dependencies:

npm install

• Create a .env file in the root directory and set the required environment variables, such as MongoDB connection string and Google OAuth credentials.

Start the application:

• Build and run the application:

npm start

Access the application:

Open your web browser and visit http://localhost:3000 to access the DevSocial application.

Fork the repository

• Create a new branch for your feature or bug fix.
• Implement your feature or make changes to the codebase.
• Commit and push your changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries or feedback, please contact [email protected]

Thank you for using DevSocial! I hope you enjoy the platform and find it useful for sharing and discovering new technologies.