Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gbowne1/reactsocialnetwork

Social Media website/app made with React 18 & MUI v5
https://github.com/gbowne1/reactsocialnetwork

axios babel dating dating-app dating-web-app eslint express express-js expressjs hacktoberfest node node-js nodejs prettier react reactjs seniors social-media social-networks webpack

Last synced: about 2 hours ago
JSON representation

Social Media website/app made with React 18 & MUI v5

Awesome Lists containing this project

README 

        
# MERN Social Media Application



![MERN Stack](https://img.shields.io/badge/Tech_Stack-MERN-blue)

![Build Status](https://img.shields.io/badge/Build-Passing-green)

![License](https://img.shields.io/badge/License-MIT-yellow)

![Contributors](https://img.shields.io/badge/Contributors-4-blue)

![Semantic Versioning](https://img.shields.io/badge/Semantic_Versioning-2.0.0-blueviolet)

![GitHub Flow](https://img.shields.io/badge/GitHub_Flow-Active-brightgreen)

![Changelog](https://img.shields.io/badge/Changelog-Keep_a_Changelog-red)

![TODO.md](https://img.shields.io/badge/TODO.md-Active-yellow)



## Overview



This app is made with:



[![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)](https://www.nodejs.com)

[![Express](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)](https://expressjs.com)

[![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://react.dev/)

[![NodeJS](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)](https://www.nodejs.com)

[![MaterialUI](https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white)](https://www.mui.com)

[![SQLite](https://img.shields.io/badge/sqlite-%2307405e.svg?style=for-the-badge&logo=sqlite&logoColor=white)](https://www.sqlite.org)



Our development environment backend includes SQLite instead of MongoDB for development purposes only.



This app was bootstrapped with Create-React-App v5 aka react-scripts by running `npx create-react-app reactsocialmedia`



This is a full stack MERN social media application that allows users to create and share posts, join and also create events and groups. Our main core focus is on friends, groups and events.



This design is based on community driven developent and as such there is no particular design we are going for just yet.  We have a reusable component called Panel to make contributing new components and features easier.  You should be able to easily submit a design that will work with the design we

have already started working with.  If we like the design of the component, feature, panel or other item, we will merge it if the item has been tested as working.



## Features



- Groups

- Events

- Connecting with friends



## Installation & Running the App



Please check installation and running instructions at: https://github.com/gbowne1/reactsocialnetwork/wiki/Installation



## Contributing



Please check contributing instructions at: https://github.com/gbowne1/reactsocialnetwork/wiki/Contributing



## Coding Styles and Naming Conventions



Please check coding styles and naming conventions at: https://github.com/gbowne1/reactsocialnetwork/wiki/Developer-Guide#coding-style-and-naming-conventions



## Contact



If you have any questions or concerns about this project, please contact the project maintainers and the current core development team.  These are the people you will add as reviewers on a PR.



@manuel12 @pawel975 @gbowne1



## Testing



Please check testing instructions at: https://github.com/gbowne1/reactsocialnetwork/wiki/Testing