GithubHelp home page GithubHelp logo

zbiba42 / zbibaboop Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 729 KB

social media website

License: Other

JavaScript 20.28% CSS 0.55% HTML 0.29% TypeScript 78.89%
axios express-js jwt-authentication material-ui mongodb react react-toastify tailwindcss typescript bcrypt

zbibaboop's Introduction

zbibaboop - Social Media Website ๐ŸŒ๐Ÿ“ฑ

Welcome to zbibaboop, a feature-rich social media platform that allows users to connect, share, and interact with others. Below, you'll find all the information you need to get started.

Features โœจ

  • User authentication system ๐Ÿ”
  • Profile creation and customization with images and information ๐Ÿ–ผ๏ธ
  • Posting functionality with files and tags ๐Ÿ“๐Ÿ”–
  • Friends system for connecting and chatting ๐Ÿ’ฌ๐Ÿ‘ฅ
  • Commenting and reacting to posts ๐Ÿ’ฌ๐Ÿ‘โค๏ธ
  • Infinite scrolling for an enjoyable user experience ๐Ÿ”„
  • Real-time notifications using socket.io ๐Ÿ“ฌ๐Ÿ”Œ
  • Real-time chat app with text, videos, images, and file sharing ๐Ÿ’ฌ๐ŸŽฅ๐Ÿ“ท๐Ÿ“‚

Installation ๐Ÿ› ๏ธ

Before running the application, make sure you have the following prerequisites installed:

  1. Clone this repository:

    git clone https://github.com/Zbiba42/Zbibaboop.git
    cd zbibaboop
    
  2. Update the .env file with your configuration details:

    ACCES_TOKEN_SECRET=your_access_token_secret
    REFRESH_TOKEN_SECRET=your_refresh_token_secret
    Serverl_url=your_server_url
    
  3. Update server URLs in config.ts located in the src folder.

  4. Install client dependencies and server dependencies:

    npm install
    cd back-end
    npm install
    

Client Dependencies ๐Ÿ“ฆ

  • @emoji-mart/data: Emoji data for the Emoji Mart library.
  • @emoji-mart/react: React components for the Emoji Mart library.
  • @mui/icons-material: Material icons for MUI components.
  • @mui/material: Material-UI framework for components and styles.
  • @reduxjs/toolkit: Redux toolkit for state management.
  • ... (and other dependencies listed in package.json)

Server Dependencies ๐Ÿ“ฆ

  • bcrypt: Password hashing library.
  • cors: Cross-origin resource sharing middleware.
  • dotenv: Environment variable management.
  • express: Web application framework.
  • jsonwebtoken: JWT authentication.
  • mongoose: MongoDB object modeling.
  • multer: File upload middleware.
  • ... (and other dependencies listed in package.json)

License ๐Ÿ“„

This project is licensed under CC BY-NC. Feel free to use and modify the code for non-commercial purposes.


Enjoy using zbibaboop and connecting with others in a dynamic and interactive online community! ๐ŸŽ‰

zbibaboop's People

Contributors

zbiba42 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.