Instagram Clone with MongoDB, Express JS, Socket IO, React

Instagram Clone Project

Features

• This project includes MongoDB, Express JS, Socket IO, React, Material UI, Heroku;
• This project includes operations such as Login/Register, Follow/Unfollow, Post Like/Dislike, Instant Messaging with Socket io;
• Each user's profile and information are kept in the MongoDB database;

1. Only Back-End Repo
2. Only Front-End Repo

Images From the Project

1- Login Page

2- Register Page

3- Profile Page

4- Home Page

5- Messenger Page

Used Technologies

• Front-End: React, Material-UI, Socket.io-client.
• Back-End: Express, Axios, Mongoose, Socket-io.

Front-End Start

npm start

Back-End Start

npm start

Author: eminbasbayan
Source code: https://github.com/eminbasbayan/instagram-clone

#react #javascript #MongoDB #Express #JS #SocketIO

[Solved] Crbug/1173575, non-JS module files deprecated. - ItsMyCode

#JS #javascript #coding #programming #itsmycode 

What is Node.js - Guide for Business Owners

https://www.blog.duomly.com/what-is-node-js/

Node.js is a runtime environment and library for running JavaScript on the server. Node.js applications are written in JavaScript and run on Windows, Mac OS X, and Linux. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.

In this guide, we’ll discuss what Node.js is, how it works, and why you might want to use it for your business. We’ll also cover some of the most popular Node.js modules and frameworks.

#node #web-development #JS #business #startup #startups 

When to use Node.js for Back-end - Guide for business owners

https://www.blog.duomly.com/when-to-use-node-js-for-back-end/

Business owners are always looking to improve their operations and boost profits. One way to do this is by using Node.js for back-end development. Node.js offers a number of advantages over other programming languages, making it the perfect choice for businesses of all sizes. 

This article will discuss when to use Node.js for back-end development and some of its key benefits.

#node #web-development #JS #business #startup #startups 

Data Science Visualization Graph using React Plotly JS

Plotly Javascript is Open Source Graphing Library which build on top of D3 JS and Stack dot GL. 

Plotly famously use by developer using Python for developing Data Science or Machine Learning Projects, Plotly JS give this opportunity to JavaScript Developers to show highly complicated Graphs Easily.

Checkout the video : - https://www.youtube.com/watch?v=7D3kXabIUoM

#react #React #javascript #JS 

Create a Typing Practice Game with JavaScript | JS PROJECT

In this video, we are going to create a typing practice game with javascript from scratch. We will only be using pure vanilla js, no library or plugin. So this will be a really informative video. I hope you will learn something new from it.

#web-development #JS #javascript #html #css #game-development 

How to Redo WordPress in JS Stack

WordPress is often chosen because of its plugins and themes abundance. I cannot replicate it. But I can try to create an environment, what next is up to community. Together we can create a great ecosystem. And more people are using it, more will. Things like that can change the web.

#wordpress #JS 

Hamburger Menu Animation using CSS and JS

Hello, today I gave you the preview of the project that we are going to build in our next video. We will create a hamburger menu animation using just CSS and JS. It is a bit different from the normal hamburger menus that everyone builds! In this, we will first center both the bars or lines in the middle and then rotate them to create an X and after that, if we click the hamburger menu again we will now first change the X into two simple and parallel lines and then apart them. To understand better, watch the full video, and subscribe to the channel if you want to see the upcoming tutorial and also tutorials on different CSS and JS animations and hover effects and explainer videos as well!!!

 #css #JS 

Best of Codepen #15/2021

Best of Codepen 15/2021
The most trending pens in #HTML, #CSS and #JS.
→ https://youtu.be/sbRLLXfXnBc

How to Force Browser To Reload JS & CSS Super Easy with 4 Ways

Just uploaded a new script to the server? But the browser is still showing the old script? Here are a few ways to force the browsers to reload Javascript and CSS files.
0:00 Introduction
0:32 The cache problem
1:04 Method 1 - Manual hard reload
1:40 Method 2 - Change filename
2:11 Method 3 - HTTP expires header
3:08 Method 4 - Mod expires
4:01 Closing

#CSS #JS 

Create Map Application Leaflet JS in a Basic Way for Beginners

Create Js Map Application Leaflet JS in a Basic Way for Beginners

#Leaflet #JS 

3 New JavaScript Features To Watch Out - 모르면 안되는 JS 최신 🍯꿀기능

3 New JavaScript Features To Watch Out - 모르면 안되는 JS 최신 🍯꿀기능

#숏츠 #30초컷 #코딩 #JS #자바스크립트 #JavaScript 
 

Top 8 Material Admin Dashboards - Flatlogic Blog

#WEBDEVELOPMENT #METERIALUI #JS #JAVASCRIPT #FRONTEND