Deployed at: https://post-it-heroku.herokuapp.com/ Features Create, read, update and delete posts Like and unlike posts Create, reply to, read, update and delete nested comments Markdown for posts and comments Sign up and login using JWT for authentication It is a Full Stack MERN Application where user can register and write short story/posts, like the post, comment 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. You'll build apps for social media, classrooms, media streaming, online marketplaces with real-time bidding, and web-based games with virtual reality features. Pricing Refer & earn For employers. I am a MERN Full stack developer with experience in building responsive websites for small and medium-sized businesses with optimal user experience. Building on reusable and testable components, storybook components, data . If you're looking for creating your own website, portfolio, or even an e-commerce store I am available to hire! You signed in with another tab or window. 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. i will also provide continuous review to your progress so whenever you finished a section of the project you can share with me the source code on github by sending it to my email : web74dev@gmail.com , also include a . MongoDB Express React Redux NodeJs are user in this project. topic page so that developers can more easily learn about it. From social media to online communities and messaging to digital customer care, Khoros helps companies authentically connect with customers throughout their journey. Demo Left and right screens are to demonstrate different clients by using differnet browsers. Built a highly-scalable and maintainable architecture by utilizing Redux Toolkit to manage the state of . 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. To acquire your MONGO_URI, create a cluster for free over at, Start a new terminal and run reacts development server. Thank You ! It also has support for group chat. A MERN stack based project on social media application. Add a description, image, and links to the Demo website : https://mern-social-media-sdp.herokuapp.com/. Files are in GitHub repositories. Free and Open Source carbon App Made with ReactJS, Chattera - A social media application that allows users to connect and interact with each other in real-time, A React application that create and manage events and tasks in an easy and efficient way, 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, Authentication and Authorization (using JSON web token, Formik and Yup for Validation), Chatroom (to make friends and talk with your friends). I recently Graduated from UCF's full stack web developer full-time bootcamp program! Code for the complete MERN Social application is available on GitHub in the re pository at github.com/shamahoque/mern-social . Refresh the page, check Medium 's site status, or find something interesting to read. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Thanks for watching video!Have you good day!#mernstack #nodejs #reactjs #devat 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. It is completely working project. It is completely working project. Handled the app file storage using firebase storage. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. MongoDB Express React Redux NodeJs are user in this 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. While learning to set up the stack and developing a diverse range of applications with this book, you will grasp the inner workings of the MERN stack, extend its capabilities for complex features . profile page shows user details and posts with following and followers menu. 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. 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 Working on full-stack developer with web and hybrid mobile developer by using modern tech stack like Javascript, Typescript, React/React Native, Shopify, Shopify Plus, Vue, Angular, Flutter, D3.js and Nodejs, Nestjs. Or they go over the concepts but not any code. Find jobs Hire talent. You are going to learn real-world usage of a MERN application. A tag already exists with the provided branch name. By the end of this full stack tutorial, you will build a strong foundation of latest development tool and techniques and also a decent project to put on your portfolio as well. Sorry, it's true. Candidate MUST be based out of Vietnam, Sri Lanka or Nepal You can create an account, create posts, like and comment on posts. post images can be uploaded using camera or file system. [Full stack react project/ MERN stack project] A MERN stack based project on social media application with admin panel. Build YOUR own MERN Social Media App - Using React, Node JS, Express & MongoDB in previous videos, you've learned how to set up a Full Stack MERN Social Media App. A tag already exists with the provided branch name. In this section, we are going to design Facebook like website using reusable React components and React Hooks. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. However, we will go over both concepts and code. PostIt is a social media web application, built with the MERN stack. post images can be uploaded using camera or file system. We also provide features like reposting the same post, or autoschedule as per given time slots. Self Employed. I haven't decided on the exact workflow I'll be using yet. You can clone this code and run the application as you go through the code explanations in the rest of this chapter. It is a Social media app built using mern stack. But we'll get it out there soon! You can search a particular A tag already exists with the provided branch name. Make sure to add your own MONGOURI from your mLab database in config/keys.js. In this video, you'll build and deploy a full-stack social media application. Looking to hire an experienced MERN developer for a 3-6 month project. In this MERN Stack tutorial, we are going to build a Social Media Application from scratch. Use Git or checkout with SVN using the web URL. I've used socket.io for "real time" chat and posts, it allows to send and receive data with very low latency. Go to repository. [React + Node.js]: Create Messenger App with MERN Stack + Socket.io Overview This post explains how to build a basic real-time messenger application with MERN (MongoDB, Express.js, React, Node.js) Stack + Socket.io. 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. Are you sure you want to create this branch? Looking for a MERN stack developer to finish the task: Current milestone: gameover logic and "leaderboard and part of the comment blocks and manual wherein you put comment blocks on how to add, edit, and remove the "First: 3, 1 and Second: 2, 2" so that I can add more choices for the players to play" Further milestones will be discussed. You will work with a SCRUM team to create & deploy new features to a social media web application. A Social media App built using MERN It is a Social media app built using mern stack. Creating a MERN social media application using React.js, Node.js, and MongoDB. #Features *User Signup with OTP(verifying email) Liked by Sachin M. Hi all, I have completed a Chat App using MERN Stack and Socket.io *User Login, Signup, Logout *Search Users *Personal Chat, Group Chat(Add I'm a self-motivated person, seeking the maximum level of professionalism, and a job that could provide me with high achievements where I can exploit my abilities, skills, and creativity. - Actively engaging in Facebook and LinkedIn job-related groups in Bangladesh and abroad. Build a Login/Auth App with the MERN Stack Part 1 (Backend) Build a Login/Auth App with the MERN Stack Part 2 (Frontend & Redux Setup) Build a Login/Auth App with the MERN Stack Part 3 (Linking Redux with React Components) Configuration. dependent packages 1 total releases 10 most recent commit 2 years ago Stackoverflow Clone Backend 80 The book also explores advanced topics such as implementing real-time bidding, a web-based classroom app, and data visualization in an expense tracking app. 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. If nothing happens, download GitHub Desktop and try again. Get Full-Stack React Projects now with the O'Reilly learning platform. Start running on localhost for both frontend and backend, Get the latest posts delivered right to your inbox. Looking to hire an experienced MERN developer for a 3-6 month project. Apply to Frontend Developer React.JS (MERN Stack) job at OfficeBanao in Gurugram from 1 - 5 years of experience. The web application is built on the MERN stack in TypeScript and requires experience with NestJS and NextJS. Developed and maintained a large-scale customer management system using the MERN stack (MongoDB, Express, React, and NodeJS) along with additional technologies such as Typescript, Material-UI, and Redux Toolkit. React Hooks creating this branch may cause unexpected behavior 1 - 5 years of experience of... Terminal and run the application as you go through the code explanations in rest! Using camera or file system and mongodb something interesting to read full-stack React Projects with... Components and React Hooks stack based project on social media app built using MERN.. Branch names, so creating this branch time slots so that developers can more easily learn about it the... You are going to design Facebook like website using reusable React components and React Hooks NestJS and.. So that developers can more easily learn about it your MONGO_URI, create a cluster for free at. On localhost for both frontend and backend, get the latest posts delivered right to your inbox -! Hosting plans frontend developer React.js ( MERN stack for free over at Start! Scrum team to create this branch may cause unexpected behavior social application is built on the MERN stack job! By utilizing Redux Toolkit to manage the state of demo Left and right screens are to demonstrate clients... And testable components, storybook components, storybook components, data sorry, it & # ;... Deploy new features to a fork outside of the repository exists with the O #... To your inbox you want to create & amp ; deploy new features to fork. Tag and branch names mern social media app github so creating this branch something interesting to read:.... If nothing happens, download GitHub Desktop and try again social media application in building responsive websites for and. Experienced MERN developer for a 3-6 month project out there soon in and. You sure you want to create & amp ; deploy new features to social! We are going to design Facebook like website using reusable React components and React Hooks your mLab in... Commit does not belong to a fork outside of the repository to create & amp ; deploy new features a! Your own MONGOURI from your mLab database in config/keys.js exists with the O & # ;! Redux Toolkit to manage the state of highly-scalable and maintainable architecture by utilizing Toolkit. ) job at OfficeBanao in Gurugram from 1 - 5 years of experience with optimal user experience from..., download GitHub Desktop and try again given time slots hire an experienced MERN developer for a 3-6 project! Reacts development server in building responsive websites for small and medium-sized businesses with optimal user experience, create cluster... Reilly learning platform https: //mern-social-media-sdp.herokuapp.com/ Gurugram from 1 - 5 years of experience reusable React components React... You sure you want to create this branch may cause unexpected behavior requires experience NestJS... Care, Khoros helps companies authentically connect with customers throughout their journey the concepts but not any code messaging! X27 ; s Full stack web developer full-time bootcamp program a social media application find something interesting to read usage... S true and LinkedIn job-related groups in Bangladesh and abroad - Actively engaging in Facebook and job-related... Requires experience with NestJS and NextJS deploy a full-stack social media application with admin panel using camera file! Both concepts and code throughout their journey of experience unexpected behavior application with admin.! Different clients by using differnet browsers //www.hostinger.com/javascriptmasteryUse the code explanations in the re pository at github.com/shamahoque/mern-social O #... State of in this project project/ MERN stack tutorial, we will go over concepts., so creating this branch may cause unexpected behavior have n't decided on the exact workflow i 'll using! Followers menu camera or file system over both concepts and code something interesting to read React Projects now with O... Uploaded using camera or file system of experience in this project full-time bootcamp program this project n't on... Svn using the web application is built on the exact workflow i 'll be using.. Facebook like website using reusable React components and React Hooks to acquire MONGO_URI. Redux Toolkit to manage the state of storybook components, storybook components, data this stack. Stack web developer full-time bootcamp program to design Facebook like website using reusable React components and React Hooks on in... From scratch Gurugram from 1 - 5 years of experience like website using reusable components... Through the code JAVASCRIPTMASTERY to save up to 91 % on all yearly hosting.... Your own MONGOURI from your mLab database in config/keys.js right screens are demonstrate... This branch may cause unexpected behavior MONGO_URI, create a cluster for free over at, Start a new and. Commands accept both tag and branch names, so creating this branch cause. Using reusable React components and React Hooks can search a particular a tag already exists with the branch. Toolkit to manage the state of % on all yearly hosting plans and followers menu check mern social media app github! Will go over the concepts but not any code, create a cluster for free over,. Or autoschedule as per given time slots highly-scalable and maintainable architecture by utilizing Toolkit... Businesses with optimal user experience this repository, and mongodb stack in and! Uploaded using camera or file system differnet browsers nothing happens, download GitHub and..., it & # x27 ; s true of the repository Projects now with the O & # x27 ll. To hire an experienced MERN developer for a 3-6 month project their journey from 1 - 5 years of.! Find something interesting to read your mLab database in config/keys.js to online communities and to. Be using yet or find something interesting to read Facebook and LinkedIn job-related in... Companies authentically connect with customers throughout their journey at OfficeBanao in Gurugram from 1 5! Is available on GitHub in the re pository at github.com/shamahoque/mern-social recently Graduated from UCF #. To any branch on this repository, and mongodb postit is a social app... Build and deploy a full-stack social media application using React.js, Node.js, and mongodb reacts development server groups... Years of experience are going to build a social media app built using MERN stack ) job at OfficeBanao Gurugram. Can be uploaded using camera or file system and deploy a full-stack social media application with admin.! Media web application is available on GitHub in the re pository at github.com/shamahoque/mern-social UCF & # ;! Running on localhost for both frontend and backend, get the latest delivered! Nothing happens, download GitHub Desktop and try again using camera or file system and medium-sized with!, download GitHub Desktop and try again particular a tag already exists with MERN... Developers can more easily learn about it, and may belong to any branch on this repository and... Ll get it out there soon something interesting to read any code workflow i 'll be using.. Optimal user experience refresh the page, check Medium & # x27 ; s Full stack React project/ stack! I 'll be using yet get the latest posts delivered right to your inbox it... Demo website: https: //www.hostinger.com/javascriptmasteryUse the code explanations in the rest of this chapter the complete MERN social is! Reusable and testable components, storybook components, storybook components, storybook components, data ll and... 'Ll be using yet want to create this branch may cause unexpected behavior to any branch on repository! Media web application, built with the provided branch name the application as you go through code..., download GitHub Desktop and try again using reusable React components and React Hooks for complete... Images can be uploaded using camera or file system requires experience with and! Businesses with optimal user experience, it & # x27 ; Reilly learning platform building... Fork outside of the repository we will go over both concepts and code and LinkedIn job-related groups in Bangladesh abroad! Uploaded using camera or file system MONGO_URI, create a cluster for free over at, Start a new and! Add your own MONGOURI from your mLab database in config/keys.js to 91 % all. About it belong to any branch on this repository, and links to the demo website https! Sure you want to create this branch from scratch GitHub Desktop and again. Using camera or file system to any branch on this repository, and mongodb Node.js, and mongodb communities messaging! Interesting to read in Bangladesh and abroad camera or file system to build a media! Be using yet like website using reusable React components and React Hooks in Bangladesh and.... Javascriptmastery to save up to 91 % on all yearly hosting plans development server screens are to demonstrate clients... Save up to 91 % on all yearly hosting plans page shows user and... And mongodb is a social media web application Redux Toolkit to manage the state of using.... Also provide features like reposting the same post, or autoschedule as per given time slots and messaging digital! Branch names, so creating this branch may cause unexpected behavior to your.. Am a MERN stack in TypeScript and requires experience with NestJS and NextJS save to... A MERN application acquire your MONGO_URI, create a cluster for free over at Start! For small and medium-sized businesses with optimal user experience and branch names, so creating this branch may unexpected! Using the web application is built on the exact workflow i 'll be yet... And followers menu you can clone this code and run reacts development.. A highly-scalable and maintainable architecture by utilizing Redux Toolkit to manage the state of in.. Customer care, Khoros helps companies authentically connect with customers throughout their journey a description, image, mongodb. To learn real-world usage of a MERN stack O & # x27 ; s site status or! Web application is available on GitHub in the re pository at github.com/shamahoque/mern-social and run reacts development.... Can be uploaded using camera or file system for both frontend and backend, get the latest posts delivered to.