A single page application that allows users to join a social network
Tags: social
Published: 2023-10-28 15:12:33

---
title: A single page application that allows users to join a social network
published: true
date: 2023-10-14 00:45:00 UTC
tags: Social
canonical_url: https://reactjsexample.com/a-single-page-application-that-allows-users-to-join-a-social-network/
---

# social-network

## Running the project
 ![A single page application that allows users to join a social network](https://reactjsexample.com/content/images/2023/10/Code_2023-10_11-40-21.jpg)

In this project we’ll have two servers running simultaneously, one for the client-side and one for the server-side.

- To run both servers simultaneously

- To run the servers individually, in two different tabs in your terminal run:

- Once both of your servers are up and running, you can see your project on localhost:3000

## Overview

A single page application that allows users to join a social network and write posts and comments in them

## Feature

## Technologies

| | | | |
| --- | --- | --- | --- |
| [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/8a65f421f3ceaa5045bb990c1df7e839fb8a19b0d449bbb3ec4d903d702ca619/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d637373267468656d653d6c69676874)](https://developer.mozilla.org/en-US/docs/Web/CSS) | CSS | [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/78e617d1b6dd5b594c2668561b77a3400f8ba2cf0094775c10896f8c9741814d/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d7473267468656d653d6c69676874)](https://www.typescriptlang.org/) | Typescript |
| [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/a505b6a0ccb45fdb12b1b3bf5e441b9c12076de8b4b81ab7f018f3b8266da183/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d7265616374267468656d653d6c69676874)](https://react.dev/) | React | [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/e12115099c9669fc607a3e034a1d001436162e11976d7d18e9d2066cad2f94c3/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d7265647578267468656d653d6c69676874)](https://redux.js.org/) | Redux |
| [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/93d643270ef544c60a4d1ac87c38ea2a6e3279efc947940299356d2bf185f7a6/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d6e6f64656a73267468656d653d6c69676874)](https://nodejs.org/en) | nodejs | [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/dcbf738323103dd59730fcdb5cd33e6ae2ebed2721e6bc0852dab29d421244ff/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d65787072657373267468656d653d6c69676874)](https://expressjs.com/) | Express |
| [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/428079cae726faff09858e361fcfd23a6ae97f0afd9b3a306265384528c0a786/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d706f737467726573267468656d653d6c69676874)](https://www.postgresql.org/) | Postgres | [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/a37d19fb92e7959c0f3deb9d362ad198bc6cabd4a464b60d738567098b372118/68747470733a2f2f736b696c6c69636f6e732e6465762f69636f6e733f693d617773267468656d653d6c69676874)](https://aws.amazon.com/) | AWS |
| [![A single page application that allows users to join a social network](https://camo.githubusercontent.com/aeb03e440f3a4d435adc6708b212dc20f3f1f09ecc12b6e420002b0851c18e13/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f64657669636f6e732f64657669636f6e2f69636f6e732f736f636b6574696f2f736f636b6574696f2d6f726967696e616c2e737667)](https://socket.io/) | Socket IO | | |

## Preview

### Registration

### Login

![A single page application that allows users to join a social network](https://github.com/mgczarnievicz/social-network/raw/main/assest/login.gif)

### Edit Bio

![A single page application that allows users to join a social network](https://github.com/mgczarnievicz/social-network/raw/main/assest/edit-bio.gif)

### Upload Profile Picture

![A single page application that allows users to join a social network](https://github.com/mgczarnievicz/social-network/raw/main/assest/upload-image.gif)

### Friends and Friend Request

![A single page application that allows users to join a social network](https://github.com/mgczarnievicz/social-network/raw/main/assest/friends-and-wannabees.gif)

### Search Friends

![A single page application that allows users to join a social network](https://github.com/mgczarnievicz/social-network/raw/main/assest/search-friends.gif)

## GitHub

[View Github](https://github.com/mgczarnievicz/social-network?ref=reactjsexample.com)