https://github.com/brownboycodes/brownboycodes-social-network

minimalistic social networking app
https://github.com/brownboycodes/brownboycodes-social-network

Last synced: 7 months ago
JSON representation

minimalistic social networking app

• Host: GitHub
• URL: https://github.com/brownboycodes/brownboycodes-social-network
• Owner: brownboycodes
• License: other
• Created: 2021-04-24T13:40:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-05-26T06:00:48.000Z (almost 5 years ago)
• Last Synced: 2025-02-26T15:47:01.465Z (about 1 year ago)
• Language: JavaScript
• Size: 1.95 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# **Social Networking App by brownboycodes**

---

This is a minimalistic social networking app

This app enables users to create and publish posts and message other users

People who wish to use these features first need to create an account

This is a demo app so everyone is requested not to use their real email accounts, since important mechanisms like email id verification and password reset has not been included

Technologies being used on the Frontend:

    1. React as the frontend framework

    2. React Bootstrap and Bootstrap for implementing prebuilt CSS

    3. React-Query has been used for asynchronous data management

    4. Redux for state management of components

    5. client-side SocketIO for realtime data integration

    6. Formik and Yup has been used for input form management and form validation

    7. Notyf for showing notifications

    8. Google Fonts

Technologies being used on the Backend:

    1. Express and NodeJS for backend

    2. SocketIO is being used for realtime data transfer

    3. NeDB is being used for databases

    4. passport-js, express-session and bcrypt is being used user authentication

---

## Landing Page

---

![Homepage](./frontend/public/images/social_network_landing.jpg)

---

## page containing all Posts

---

![All Posts](./frontend/public/images/brownboycodes-social.jpg)

---

## chat messenger

---

![Messenger](./frontend/public/images/brownboycodes-social-messaging.png)

---

To build the clientside of the application run:

    npm run heroku-postbuild

To start the application in production mode run:

    npm run start

    

To start the application in development mode run:

    

    npm run startDev

---

created by [Nabhodipta Garai | brownboycodes](https://brownboycodes.herokuapp.com/)