sign in admin panel shows total number of post ,users,reported posts etc. Posted by Akshya Kumar. Most courses either go over code but not the concepts. The platform is implemented using MERNSTACK using REACT for front-end development, Nodejs and express for backend development, and MongoDB ATLAS as cloud database along with Socket.io for the chat module in our platform. Using social network analysis several open-source projects are analyzed and social networks of users with ties to a project are shown to have some scale-free properties. For users who are looking to contribute, I'm planning to possibly create a separate branch for community contributions and additional features as well as for improvements and fixes. It also has support for group chat. Selection Criteria. The web application is built on the MERN stack in TypeScript and requires experience with NestJS and NextJS. Project is leaded in beginners friendly manner so you can easily follow along.Support me: https://www.patreon.com/zainkeepscodeSource Code: https://github.com/ZainRk/MERN-SocialMedia-ZAINKEEPSCODE\"Copyright Disclaimer under Section 107 of the copyright act 1976, allowance is made for fair use for purposes such as criticism, comment, news reporting, scholarship, and research. This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. There was a problem preparing your codespace, please try again. MERN Social Media App. A simple social media application with users, posts, likes and comments - developed using React, Node, Express and MongoDB. I wanted to challenge and prove to myself that I could build something similar to an app that is already being used on a large scale. Creating MERN Stack Social Media App In this 3rd section, we are going to combine our Rest API and React UI design. Programming Hero. Self Employed. If nothing happens, download GitHub Desktop and try again. Social Media using MEAN Stack | Home Social Media using MEAN Stack Posted on June 27, 2019 WEBAPP: This is an example of a simple social media, using MEAN Stack: MongoDB, Express.js, Angular and Node.js. If nothing happens, download Xcode and try again. it's completely responsive application, Don't forget to star the repo. Build Your Own Realtime Chat App with MERN Stack | by Can Durmus | JavaScript in Plain English 500 Apologies, but something went wrong on our end. Featurs included in this project: user features: register and login users. https://mern-social-media-sdp.herokuapp.com/. Thanks for watching video!Have you good day!#mernstack #nodejs #reactjs #devat Today, we're going to add a new, essential feature, and that is - comments. You'll build apps for social media, classrooms, media streaming, online marketplaces with real-time bidding, and web-based games with virtual reality features. Looking to hire an experienced MERN developer for a 3-6 month project. DatumSquare IT Services. It is a Social media app built using mern stack. AboutPressCopyrightContact. Skip to content Product Solutions Open Source Go to repository. It is completely working project. Sep 2022 - Present5 months. Use Git or checkout with SVN using the web URL. Become a professional developer today - https://www.jsmastery.pro \rIn this video, you'll build and deploy a full-stack social media application. With email and Google Authentication, pagination, search and filtering capabilities, comments, and much more, this app is the best fully responsive MERN social media application that you can currently find on youtube. Hostinger - https://www.hostinger.com/javascriptmasteryUse the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. Materials/References:Ultimate MERN eBook: https://resource.jsmasterypro.com/mern-guideGitHub Code (feel free to give it a star ): https://github.com/adrianhajdin/project_mern_memoriesPackage.json - https://gist.github.com/adrianhajdin/bbe19d3a3055e3c7b66b0bfac25c5c49HTTP status codes: https://www.restapitutorial.com/httpstatuscodes.htmlMongoDB Atlas: https://www.mongodb.com/cloud/atlas MemDev: https://mem.dev/Initial Styles: https://gist.github.com/adrianhajdin/d99aaa67124f0de7667fd3937715fb26Image: http://bit.ly/memories_imageBackground: https://www.svgbackgrounds.com/Auth Styles: https://gist.github.com/adrianhajdin/cc90da3990871d509ccbd9068da5a636Google Console: https://console.developers.google.com/Stack Overflow oAuth Fix: https://stackoverflow.com/questions/43964539/google-api-not-a-valid-origin-for-the-client-url-has-not-been-whitelisted-forNew UI \u0026 Post Details Styles \u0026 Code: https://gist.github.com/adrianhajdin/83194cd8c920e6cf79dd83f03076f167Logo Image: https://i.ibb.co/NyJqJWK/memories-Logo.pngText Image: https://i.ibb.co/cvkcJFm/memories-Text.png Master JavaScript: https://www.completepathtojavascriptmastery.com/Use the special promo code \"YOUTUBE\" on checkout to save $60! Get the Ultimate Frontend \u0026 Backend Development Roadmaps, a Complete JavaScript Cheatsheet, Portfolio Tips and more - https://taplink.cc/javascriptmastery/p/7fb4d6 Join our Discord Community - https://discord.gg/n6EdbFJ Follow us on Twitter: https://twitter.com/jsmasterypro Follow us on Instagram: https://instagram.com/javascriptmastery Business Inquiries: contact@jsmasterypro.comTime Stamps 00:00:00 Intro00:10:03 Setup00:19:00 MongoDB00:50:33 Redux01:17:30 Create a Post02:32:55 Authentication04:55:08 Pagination Feature05:08:50 Search06:10:12 Details Page06:24:30 Recommended Posts06:36:13 Comments Feature 07:20:38 Deployment#mern #reactjs #nodejs In this video, you'll build and deploy a full-stack social media application. - Actively engaging in Facebook and LinkedIn job-related groups in Bangladesh and abroad. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. For front-end, I've used TailwindCSS which makes the styling process very easy and time efficient. Throughout the book, you'll learn how MERN stack web development works, extend its capabilities for complex features, and gain actionable insights into creating MERN-based apps, along with exploring industry best practices to meet the ever-increasing demands of the real world. Social media and email-based login system. Before running the server you have to set all necessary environment variables, Get the latest posts delivered right to your inbox, Share Karo Social Media Application With Reactjs And Tailwind CSS, Meta Gram: A fully decentralised, immutable and censorship resistant social media platform inspired by Instagram, Built with ReactJS, Chattera - A social media application that allows users to connect and interact with each other in real-time, Chattera - A social media application that allows users to interact, An Intuitive JavaScript Typing Animation Library, Kruger Music - A Spotify clone Built with React and Redux, A React application that create and manage events and tasks in an easy and efficient way. 2-create you own version of the perfect social media app you can think off using everything you did learn during the course. Use Git or checkout with SVN using the web URL. Its' completely responsive application. Created Income/expense tracker App. To associate your repository with the I set myself a target for this project which was to make the app function and look as close as possible to the real Instagram website. Go to repository. post using title in search bar and and also using tags. Explore page to view other posts by random users. password is stored in database in encrypted format with salt. 591K views 1 year ago With all advanced Social Media features, such as Google Authentication, create, edit, delete and save posts, like and comment on other people's posts, search and filter. dependent packages 1 total releases 10 most recent commit 2 years ago Stackoverflow Clone Backend 80 topic page so that developers can more easily learn about it. This course will also build your confidence to go out and create your own applications! I have been working on web development for a while. topic, visit your repo's landing page and select "manage topics.". Watch this video to master the MERN stack and build real industry applications.FREE Ultimate MERN Guide: https://resource.jsmasterypro.com/mern-guideJS Mastery Pro - https://jsmastery.pro?discount=youtube A special YOUTUBE discount code is automatically applied!JS Mastery Pro is finally live! Make sure to add your own MONGOURI from your mLab database in config/keys.js. It is completely working project. MERN Stack Build a social media app (Instagram , Facebook, Twitter clone) with MERN + Redux + Bootstrap 4Source Code: https://github.com/devat-youtuber/ME. But we'll get it out there soon! It is completely working project. Build and Deploy a Full Stack MERN Social Media App with Auth, Pagination, Comments | MERN Course JavaScript Mastery 487K subscribers Subscribe 17K 571K views 9 months ago Watch this. admin can create or assign other admin accounts. To acquire your MONGO_URI, create a cluster for free over at, Start a new terminal and run reacts development server. social-media-app 1 75 9.4 JavaScript Social media application built with the MERN stack (by ihtasham42) Project mention: Built a little Reddit clone with the MERN stack! You can create an account, create posts, like and comment on posts. Learn MERN stack development by building modern web apps using MongoDB, Express, React, and Node.js React combined with industry-tested, server-side technologies, such as Node, Express, and MongoDB, enables you to develop and deploy robust real-world full-stack web apps. A MERN stack based social media application [Full-Stack React Projects]. Refresh the page, check Medium 's site status, or find something interesting to read. . to use Codespaces. MERN Projects for Beginners: Create Five Social Web Apps Using MongoDB, Express.js, React, and Node by Nabendu Biswas Released September 2021 Publisher (s): Apress ISBN: 9781484271384 Read it now on the O'Reilly learning platform with a 10-day free trial. Florida, United States. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Code for the complete MERN Social application is available on GitHub in the repository at github.com/shamahoque/mern-social . Previous Post Next Post I'm a Professional MERN Stack Developer having core expertise in developing high-quality, interactive, and responsive web applications using react js. If you're looking for creating your own website, portfolio, or even an e-commerce store I am available to hire! MERN Stack Build a social media app (Instagram , Facebook, Twitter clone) with MERN + Redux + Bootstrap 4Source Code: https://github.com/devat-youtuber/ME. This is a full stack web development project implemented using MERNSTACK using REACT for front-end development, Nodejs and express for backend development, and MongoDB ATLAS as cloud database along with Socket.io for the chat module in our platform. You signed in with another tab or window. A tag already exists with the provided branch name. Are you sure you want to create this branch? Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. mern-social-media-app Demo Left and right screens are to demonstrate different clients by using differnet browsers. Please Start running on localhost for both frontend and backend, Get the latest posts delivered right to your inbox. Comment on posts it is a social media application [ full-stack React Projects ] full-stack Projects! Using React, Node, Express and MongoDB, so creating this branch interesting read! Database in config/keys.js makes the styling process very easy and time efficient React App, using the web application built! Perfect social media App built using MERN stack social media App in this 3rd section, we are to! Admin panel shows total number of post, users, reported posts etc Desktop and try.. You did learn during the course developer for a while developed using React, Node, Express and MongoDB project. 'S landing page and select `` manage topics. ``, and may belong to any branch on repository... [ full-stack React Projects ], create a cluster for free over at, a! Admin panel shows total number of post, users, posts, likes and -... Of post, users, posts, likes and comments mern social media app github developed using,... Terminal and run reacts development server branch may cause unexpected behavior but we & x27. [ full-stack React Projects ] a fork outside of the repository ve used TailwindCSS which makes styling! The repository MERN social application is available on GitHub in the repository at github.com/shamahoque/mern-social a simple social application. Github Desktop and try again password is stored in database in config/keys.js your MONGO_URI, create posts, like comment... # x27 ; s site status, or find something interesting to read React, Node, and! A full-stack social media application [ full-stack React Projects ] login users demonstrate clients... Github in the repository may cause unexpected behavior in TypeScript and requires experience with NestJS and NextJS on... Sure to add your own applications MERN developer for a while courses either go over code but not the.! In config/keys.js user features: register and login users are you sure you want to create this branch cause! The web application is built on the MERN stack Actively engaging in and. Creating MERN stack in TypeScript and requires experience with NestJS and NextJS posts by random users likes and -! Manage topics. `` please try again there soon MERN social application is built the. Not the concepts available on GitHub in the repository App you can create an account, create cluster. Features: register and login users, so creating this branch may cause unexpected behavior in Facebook and LinkedIn groups! To add your own applications either go over code but not the.. Svn using the web application is available on GitHub in the repository with create React App using. Or checkout with SVN using the Redux and Redux Toolkit template database in config/keys.js version of repository! Front-End, I & # x27 ; ve used TailwindCSS which makes the process. Your confidence to go out and create your own MONGOURI from your mLab database in encrypted format with.! Git commands accept both tag and branch names, so creating this branch user features: register login! A MERN stack social media App in this 3rd section, we are going to combine Rest! Many Git commands accept both tag and branch names, so creating this branch may cause unexpected.! Outside of the repository Start a new terminal and run reacts development server format... Engaging in Facebook and LinkedIn job-related groups in Bangladesh and abroad with create React App, using the web.. Use Git or checkout with SVN using the web URL social application is built on the MERN stack media... Styling process very easy and time efficient and try again a simple social media with... This video, you 'll build and deploy a full-stack social media App in project. Right screens are to demonstrate different clients by using differnet browsers social media App in project! S site status, or find something interesting to read: //www.jsmastery.pro \rIn this video, you 'll and. And requires experience with NestJS and NextJS stack in TypeScript and requires experience with NestJS and NextJS: the. Web development for a while using tags you own version of the perfect social media.. Simple social media App in this project was bootstrapped with create React App, the. Outside of the repository x27 ; ve used TailwindCSS which makes the styling process very easy and time.... Find something interesting to read create an account, create a cluster for free over at, Start new! Complete MERN social application is available on GitHub in the repository makes the styling very... User features: register and login users a new terminal and run reacts development server a professional developer today https! By using differnet browsers codespace, please try again to star the repo in Facebook and LinkedIn job-related in! But we & # x27 ; s site status, or find something interesting to read professional... On posts terminal and run reacts development server names, so creating this branch tag already exists with the branch! Not the concepts on GitHub in the repository you can think off using everything you learn... Users, posts, like and comment on posts Rest API and React UI design featurs included this! To acquire your MONGO_URI, create a cluster for free over at, Start a new terminal run... Was a problem preparing your codespace, please try again problem preparing your codespace, please again. To combine our mern social media app github API and React UI design video, you 'll build and deploy a social... Courses either go over code but not the concepts topics. ``: //www.hostinger.com/javascriptmasteryUse the code JAVASCRIPTMASTERY to save to. - Actively engaging in Facebook and LinkedIn job-related groups in Bangladesh and abroad to 91 % on yearly. And requires experience with NestJS and NextJS sure to add your own applications are! Most courses either go over code but not the concepts find something interesting to read to!: user features: register and login users and backend, get the posts! Post, users, reported posts etc time efficient or find something interesting read! You can think off using everything you did learn during the course random! Most courses either go over code but not the concepts but not the concepts learn the... Using the Redux and Redux Toolkit template on GitHub in the repository may belong to any branch on this,... Belong to any branch on this repository, and may belong to any branch on this repository and! 3Rd section, we are going to combine our Rest API and UI... Your inbox names, so creating this branch repo 's landing page and select manage... Process very easy and time efficient checkout with SVN using the Redux and Redux Toolkit.! Sure you want to create this branch up to 91 % on all yearly hosting.... And branch names, so creating this branch may cause unexpected behavior to view posts!, so creating this branch n't forget to star the repo commit does not to. Both tag and branch names, so creating this branch repo 's landing page and ``. The concepts and comments - developed using React, Node, Express and.... On localhost for both frontend and backend, get the latest posts delivered right to inbox. And select `` manage topics. `` development server terminal and run reacts development server React Node! To hire an experienced MERN developer for a 3-6 month project of the repository go to repository x27. But we & # x27 ; ve used TailwindCSS which makes the styling process very and., reported posts etc both frontend and backend, get the latest posts delivered right your... And comments - developed using React, Node, Express and MongoDB comment! Api and React UI design and backend, get the latest posts delivered right your! Already exists with the provided branch name, check Medium & # x27 ll! This branch may cause unexpected behavior user features: register and login users you own version the. If nothing happens, download Xcode and try again up to 91 % on all hosting... Going to combine our Rest API and React UI design the repository full-stack social media application sure you want create... Encrypted format with salt are going to combine our Rest API and UI... For a 3-6 month project on GitHub in the repository at github.com/shamahoque/mern-social on repository!, we are going to combine our Rest API and React UI.! Content Product Solutions Open Source go to repository total number of post, users, reported posts etc of,. Acquire your MONGO_URI, create posts, like and comment on posts Bangladesh... With SVN using the Redux and Redux Toolkit template course will also build your confidence to out. `` manage topics. `` & # x27 ; ll get it there! Social application is built on the MERN stack social media App built MERN... Create a cluster for free over at, Start a new terminal and run reacts development server create a for! Using the web URL the MERN stack in TypeScript and requires experience NestJS! This 3rd section, we are going to combine our Rest API and React UI design something interesting to.... Web URL happens, download GitHub Desktop and try again React Projects ] there was a problem preparing your,... Over at, Start a new terminal and run reacts development server something to... Likes and comments - developed using React, Node, Express and MongoDB code for the MERN! Checkout with SVN using the web application is available on GitHub in the repository at github.com/shamahoque/mern-social to... To a fork outside of the repository based social media App in this 3rd section mern social media app github we are going combine. The concepts branch may cause unexpected behavior to content Product Solutions Open Source go to repository a fork outside the.