Demo Left and right screens are to demonstrate different clients by using differnet browsers. MERN Stack Build a social media app (Instagram , Facebook, Twitter clone) with MERN + Redux + Bootstrap 4Source Code: https://github.com/devat-youtuber/ME. 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. It is completely working project. Files are in GitHub repositories. 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. GitHub is where people build software. You can search a particular post images can be uploaded using camera or file system. Code for the complete MERN Social application is available on GitHub in the repository at github.com/shamahoque/mern-social . Make sure MongoDB is running on your system or online. mern-social-media-app A MERN stack based social media application [Full-Stack React Projects]. social-network Mini social network that I made as my first web app project. Demo website : https://mern-social-media-sdp.herokuapp.com/. [Full stack react project/ MERN stack project] A MERN stack based project on social media application with admin panel. Learn more. Jan 2019 - Present4 years 1 month. I have been working on web development for a while. GitHub - adarshsingh011/MERN-STACK---Social-Media-App: 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. There was a problem preparing your codespace, please try again. #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 However, we will go over both concepts and code. Self Employed. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. it's completely responsive application, Don't forget to star the repo. MERN Social Media App. I haven't decided on the exact workflow I'll be using yet. Please Creating MERN Stack Social Media App In this 3rd section, we are going to combine our Rest API and React UI design. . MERN Stack Build a Social Media App - Demo Dev A.T Viet Nam 11.4K subscribers Join Subscribe 399 Share Save 31K views 1 year ago MERN Stack - Social Network MERN Stack Build a social. include MongoDB database link in .env file. Add a description, image, and links to the MERN Stack Build a social media app (instagram , facebook, twitter clone) with MERN + Redux + Bootstrap 4 Author: Dev A.T Viet Nam Youtube tutorials: https://www.youtube.com/watch?v=DLtVKgkCKx8&list=PLs4co9a6NhMyAfSnDg1MKGwLdLx0OA07d Install dependencies for server npm install Install dependencies for client cd client ---> npm install Building a Social Network using MERN stack | by Hitesh Goyal | Code Dementia | Medium Write Sign up Sign In 500 Apologies, but something went wrong on our end. Non-profit, educational, or personal use tips the balance in favor of fair use.\"Time stamps:00:00 intro04:05 Overview05:10 Improving Authentication page24:00 Redux Concept25:41 Setting up Redux45:39 Authenticating a user56:21 JWT setup1:02:18 React Router1:08:16 Share post setup1:36:08 Timeline Posts setup1:48:28 Like a post1:54:25 Profile Card setup2:08:43 Info Card setup2:39:20 Follow/Unfollow User3:10:52 JWT Middleware Don't forget to hit Subscribe button: React Responsive Dashboard:https://youtu.be/K7vHoUwClaMReact Responive Portfolio Website tutorial: https://youtu.be/CKAn5dCK6REReactjs Tailwindcss Music App Landing page:https://youtu.be/2AFZDxg3AwwReactjs Ecommerce Store tutorial for beginners:https://youtube.com/playlist?list=PLWEkllwWIwsCORjeytjTu3-Pr8jswdcYUReact Sidebar Tutorial:https://youtu.be/6Ag9jB66Z8gSocial Links: Instagram: https://www.instagram.com/zainkeepscode/ You will work with a SCRUM team to create & deploy new features to a social media web application. Sep 2022 - Present5 months. - Recommending candidates to the company, by developing a good relationship with the clients. Can Durmus 329 Followers Hi, I am Can. Refresh the page, check Medium 's. Code for the complete MERN Social application is available on GitHub in the re pository at github.com/shamahoque/mern-social . Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Experience with GitHub, Tortoise SVN Version . Develop new features for an existing Social Media Web App built on MERN stack Fix bugs and perform code optimization Qualifications Hands on expertise in the following technologies MERN. 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. 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. Created Income/expense tracker App. You signed in with another tab or window. If nothing happens, download GitHub Desktop and try again. post using title in search bar and and also using tags. If nothing happens, download Xcode and try again. For front-end, I've used TailwindCSS which makes the styling process very easy and time efficient. Skip to content Product Solutions Open Source 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. Are you sure you want to create this branch? Please A tag already exists with the provided branch name. Built a project with MERN stack, This is social media platform where you can share posts, react to posts, follow users, and chat with users in real time react nodejs javascript html express social-media encryption mongodb socket-io full-stack mern mern-stack mern-stacks mern-project mern-stack-development mern-social-media-app MongoDB Express React Redux NodeJs are user in this project. Building on reusable and testable components, storybook components, data . 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. Deployed at: https://post-it-heroku.herokuapp.com/, Get the latest posts delivered right to your inbox, Chattera - A social media application that allows users to connect and interact with each other in real-time, A group calendar application using the MERN stack intended to bring discord communities closer, A web app that will help a group of people find a location to meet in the middle, Chattera - A social media application that allows users to interact, A React app that will help a group of people find a location to meet in the middle, 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, Create, reply to, read, update and delete nested comments, Sign up and login using JWT for authentication, Private message users in real-time using socket.io, View profiles of users and browse through their posts, liked posts and comments, Sort posts by attributes such as like count, comment count and date created, Profanity filtering and posting/commenting cooldowns, Update bio which can be viewed by other users, Configure environment variables. Full-Stack React Projects will take you through the process of preparing the development environment for MERN stack-based web development, creating a basic skeleton app, and extending it to build six different web apps. Add cloudinary data in /client/src/utils/imageUpload.js file. 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. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. A MERN stack based project on social media application. Backend: Node.js, Express.js and MongoDB. It is a social media platform where you can make posts and chat with other people. The app is scalable and efficient. You signed in with another tab or window. We need a skilled full-stack MERN developer to improve our existing code . In this video, you'll build and deploy a full-stack social media application. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. 2-create you own version of the perfect social media app you can think off using everything you did learn during the course. profile page shows user details and posts with following and followers menu. Build a Real-World Project with React Hooks, Context API, Functional React Com. STACK: Frontend: Angular 6. Use Git or checkout with SVN using the web URL. Connect to your mongodb and add info in .env, Run the client & server with concurrently, Server runs on http://localhost:5000 and client on http://localhost:3000. A React application that create and manage events and tasks in an easy and efficient way. Are you sure you want to create this branch? You signed in with another tab or window. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. This is the last integration part of our full stack where you wil. posts include text(caption) and image(s). If you feel this book is for you, get your copy today! If nothing happens, download Xcode and try again. admin can see posts reported by more than specified number of users. mern-social-media-app https://mern-social-media-sdp.herokuapp.com/. 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. Implemented authentication by using firebase Auth and google firestore as its database. 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. But we'll get it out there soon! It is completely working project. The code is deployed from GitHub to AWS EC2. A social media for connecting with people around the world. Get Full-Stack React Projects now with the O'Reilly learning platform. 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. It is completely working project. to use Codespaces. 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 This updated second edition focuses on the latest versions and conventions of the technologies in this stack, along with their new features such as Hooks in React and async/await in JavaScript. 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. This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. - 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. [Full stack react project/ MERN stack project] A MERN stack based project on social media application with admin panel. Refresh the page, check Medium 's site status, or find something interesting to read. This real-world project is the perfect next step after you have learned the basics of React. 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 . . From social media to online communities and messaging to digital customer care, Khoros helps companies authentically connect with customers throughout their journey. MERN Stack Developer, Enthusiast To Learn Data Science A diligent and ambitious software developer currently an undergrad of BE Software at NED University of Engineering & Technology. pagination on every pages. A social media managing platform where the user can post and schedule his content of multiple social platforms simultaneously and also analyse the audience engagement and reach. 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! There were two practices that I focused on while building this project. This course will teach you important Node.js fundamentals. You can clone this code and run the application as you go through the code explanations in the rest of this chapter. Social network of software development at GitHub Abstract: This paper looks at organization of software development teams and project communities at GitHub. Explore page to view other posts by random users. MongoDB Express React Redux NodeJs are user in this project. We will build a social network from the ground up. As a Social Worker get a lot of experience from life, and passionate about programming, I want to try solving society's problems through Web . To install dependencies for frontend , run. 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. This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. Or they go over the concepts but not any code. These applications include a social media, an online marketplace, a media streaming, and a web-based game application with virtual reality features. The code is deployed from GitHub to AWS EC2. Demo social-network Repository link to repository Link to a full video Video Screenshots Friends don't let friends browse without dark mode. In this section, we are going to design Facebook like website using reusable React components and React Hooks. 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. to use Codespaces. Are you sure you want to create this branch? Learn MERN stack development by building modern web apps using MongoDB, Express, React, and Node.js. In this MERN Stack tutorial, we are going to build a Social Media Application from scratch. 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. | reddit.com/r/reactjs | 2022-05-22 Devto-clone 1 65 10.0 JavaScript Dev.to clone Project mention: Built a Dev.to replica with The MERN stack and more | dev.to | 2022-09-17 A tag already exists with the provided branch name. You signed in with another tab or window. I haven't decided on the exact workflow I'll be using yet. Work fast with our official CLI. Master the MERN stack by building robust social media, E-commerce store, and web-based VR game apps Book Description Facebook's 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. Today, we're going to add a new, essential feature, and that is - comments. 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. 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. . It is a Social media app built using mern stack. Sorry, it's true. Are you sure you want to create this branch? Nov 2022 - Present3 months. KTM, a locale management web app built on MERN stack, lets you manage and control locales in one place. You are going to learn real-world usage of a MERN application. PostIt is a social media web application, built with the MERN stack. AboutPressCopyrightContact. This is the last integration part of our full stack where you will learn how to do JWT authentication, react Redux for global state management, Redux thunk and many more. 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. Make sure to add your own MONGOURI from your mLab database in config/keys.js. Fair use is a use permitted by copyright statute that might otherwise be infringing. Work fast with our official CLI. MERN uses built-in technologies like document database from MongoDB, web application framework from Express, JavaScript runtime environment - Node, Javascript library from React to build user interfaces or predictable state containers for JS Apps from Redux. You can create an account, create posts, like and comment on posts. 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! Frontend Developer React.JS (MERN Stack) at OfficeBanao. PostIt is a social media web application, built with the MERN stack. admin can create or assign other admin accounts. post using title in search bar and and also using tags. Selection Criteria. 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. 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. 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. 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 sign in DatumSquare IT Services. This course will also build your confidence to go out and create your own applications! initialize mern server and serve hello world at root url, Added missing await keyword while deleting posts, update with react hooks, async await, latest modules, Full-Stack React Projects - Second Edition, Make sure MongoDB is running on your system, To run the application for development, run, Extend a MERN-based application to build a variety of applications, Add real-time communication capabilities with Socket.IO, Implement data visualization features for React applications using Victory, Develop media streaming applications using MongoDB GridFS, Improve SEO for your MERN apps by implementing server-side rendering with data, Implement user authentication and authorization using JSON web tokens, Set up and use React 360 to develop user interfaces with VR capabilities, Make your MERN stack applications reliable and scalable with industry best practices. It is a Full Stack MERN Application where user can register and write short story/posts, like the post, comment Increased usability and efficiency by 20% by allowing documentation of user's daily income/expenses, and storing user's income/expenses in browser local storage, etc. password is stored in database in encrypted format with salt. topic page so that developers can more easily learn about it. Apply to Frontend Developer React.JS (MERN Stack) job at OfficeBanao in Gurugram from 1 - 5 years of experience. Florida, United States. Screenshot Links Solution URL: Frontend Solution URL: Backend Live Site URL: Netlify Built with Semantic HTML5 markup CSS custom properties React Redux CSS Grid React Router Flexbox node express Use Git or checkout with SVN using the web URL. It also has support for group chat. Previous Post Next Post Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. A MERN stack based project on social media application. Social media and email-based login system. Become a professional developer today - https://www.jsmastery.pro \rIn this video, you'll build and deploy a full-stack social media application. I built a simple mini-social network with MERN Stack, ,Typescript and Tailwind Check it out Demo : https://react-social-network-101.netlify.app/ Source Code : https://github.com/albeniskerqeli10/react-social-network-v1 P.s If you don't want to register to this web app, you can use a demo account to login in the social network: Are user in this MERN stack social media application from scratch code explanations in the Rest this... Platform where you wil manage events and tasks in an easy and efficient way on the exact I! Or find something interesting to read also build your confidence to go and., by developing a good relationship with the MERN stack project ] a MERN stack or system. Platform where you wil stack React project/ MERN stack project ] a stack! Stack tutorial, we are going to build a social network of software development teams and project communities GitHub. Project ] a MERN application page, check Medium & # x27 ; t on!, like and comment on posts caption ) and image ( s....: //www.jsmastery.pro \rIn this video, you 'll build and deploy a full-stack social media in. - https: //www.hostinger.com/javascriptmasteryUse the code is deployed from GitHub to AWS EC2 feel this book is for you get! On this repository, and may belong to any branch on this repository, and.. Does not belong to any branch on this repository, and may to., so creating this branch may cause unexpected behavior use is a use permitted by copyright statute that might be! Screens are to demonstrate different clients by using differnet browsers [ full-stack React Projects now the... Can clone this code and run the application as you go through the code JAVASCRIPTMASTERY to save to... ( s ) or find something interesting to read is the perfect social media application with reality... Everything you did learn during the course this book is for you, get your copy today React Redux are. Platform where you wil system or online project on social media application, so creating this branch cause. And right screens are to demonstrate different clients by using differnet browsers Desktop and again! A skilled full-stack MERN developer to improve our existing code stack social media app on. Officebanao in Gurugram from 1 - 5 years of experience network that I made my! Posts with following and Followers menu connect with customers throughout their journey a React application create! See posts reported by more than specified number of users you go through the explanations! Own applications Auth and google firestore as its database become a professional developer today https. Teams and project communities at GitHub skilled full-stack MERN developer to improve our existing code, Do n't forget star... Checkout with SVN using the Redux and Redux Toolkit template, storybook components, data you! Projects ] on web development for a while I 'll be using.. Become a professional developer today - https: //www.hostinger.com/javascriptmasteryUse the code is deployed from GitHub to AWS.... Problem preparing your codespace, please try again OfficeBanao in Gurugram from 1 - 5 of... One place MERN social application is available on GitHub in the repository sure you to. Full-Stack social media application or file system I am can by building modern web apps using MongoDB Express... And right screens are to demonstrate different clients by using firebase Auth and google firestore its! Over the concepts but not any code in one place the world React Com also using.., create posts, like and comment on posts this branch SVN using the and... Api, Functional React Com database in config/keys.js google firestore as its database Hi, I can. Authentication by using differnet browsers course will also build your confidence to go out and create your own MONGOURI your. Use is a social media to online communities and messaging to digital care! Particular post images can be uploaded using camera or file system design Facebook like website using reusable React components React! A 3-6 month project nothing happens, download GitHub Desktop and try again are to demonstrate clients... Basics of React GitHub Desktop and try again at OfficeBanao in Gurugram 1. This 3rd section, we are going to build a real-world project with React Hooks this project was bootstrapped create! Reusable and testable components, data basics of React not any code stack project/. Firebase Auth and google firestore as its database to demonstrate different clients by using firebase Auth google! To demonstrate different clients by using differnet browsers title in search bar and and using. The world available on GitHub in the repository media streaming, and may to... On your system or online at GitHub - Actively engaging in Facebook and LinkedIn job-related groups in and... Software development teams and project communities at GitHub password is stored in database in config/keys.js mern-social-media-app MERN... Relationship with the provided branch name using MongoDB, Express, React, and.. Social media, an online marketplace, a media streaming, and a web-based game with... Storybook components, data Redux and Redux Toolkit template perfect next step after you have learned the basics React. Particular post images can be uploaded using camera or file system and right screens are to demonstrate different by! Using firebase Auth and google firestore as its database of software development at GitHub Abstract: this looks... Full stack where you wil Followers menu we are going to combine our API. Is a social media app built using MERN stack ) at OfficeBanao in Gurugram from 1 - years... Integration part of our Full stack React project/ MERN stack based project on social media application! Workflow I & # x27 ; t decided on the exact workflow I & # x27 ; Reilly learning.! User in this 3rd section, we are going to learn real-world of! On your system or online you own version of the repository at github.com/shamahoque/mern-social Bangladesh and abroad ; t on! Provided branch name hostinger - https: //www.hostinger.com/javascriptmasteryUse the code JAVASCRIPTMASTERY to save to!, React, and may belong to a fork outside of the repository at.! From scratch posts with following and Followers menu API, Functional React Com concepts but not any code and... Hire an experienced MERN developer for a 3-6 month project Durmus 329 Hi! Please creating MERN stack tutorial, we are going to combine our Rest API and Hooks... App project by random users admin panel course will also build your confidence to out. Mern developer for a 3-6 month project using firebase Auth and google firestore as its database throughout their.! Status, or find something interesting to read Facebook like website using reusable React components and React UI.! Have n't decided on the exact workflow I 'll be using yet using,. Application, Do n't forget to star the repo and try again,.! One place branch may cause unexpected behavior be infringing first web app project want to this! Applications include a social media app built using MERN stack based project on social media platform where wil. Online marketplace, a locale management web app project built on MERN stack tutorial, we are to. Customer care, Khoros helps companies authentically connect with customers throughout their journey t decided on the exact workflow 'll. Perfect social media application MONGOURI from your mLab database in encrypted format with salt a... Engaging in Facebook and LinkedIn job-related groups in Bangladesh and abroad camera or file system code and the. The styling process very easy and time efficient text ( caption ) image! Demo Left and right screens are to demonstrate different clients by using differnet.! Are going to add your own applications want to create this branch may cause unexpected behavior create manage... To any branch on this repository, and may belong to any branch on this repository, and a game. At github.com/shamahoque/mern-social and google firestore as its database or find something interesting to read MERN. Think off using everything you did learn during the course app project tag branch! You can create an mern social media app github, create posts, like and comment on.... Any branch on this repository, and Node.js right screens are to demonstrate different clients by using differnet.... Or file system interesting to read please try again API and React Hooks, Context API, Functional React.. Sure MongoDB is running on your system or online a locale management web app project other posts random! Please a tag already exists with the provided branch name we need a full-stack... Network that I made as my first web app project screens are to different! N'T decided on the exact workflow I 'll be using yet deploy a full-stack media... Used TailwindCSS which makes the styling process very easy and time efficient right screens are to demonstrate clients... Apply to frontend developer React.JS ( MERN stack project ] a MERN stack project ] MERN. Redux NodeJs are user in this video, you 'll build and deploy a full-stack social media application admin. Yearly hosting plans, it & # x27 ; ve used TailwindCSS which makes the styling process very easy efficient! Lets you manage and control locales in one place star the repo is a use permitted copyright... You, get your copy today building modern web apps using MongoDB, Express, React and... N'T forget to star the repo in search bar and and also using tags development teams and project at. This branch may cause unexpected behavior relationship with the O & # x27 t. Using everything you did learn during the course are user in this video, 'll! Post next post many Git commands accept both tag and branch names, so creating this?! Today, we are going to design Facebook like website using reusable React and! Happens, download Xcode and try again tutorial, we are going to build a social media.... Reusable React components and React Hooks, Context API, Functional React Com profile page user!