Coder Social home page Coder Social logo

arnab2001 / socialite Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 10.0 47.22 MB

mern stack social media app

License: MIT License

JavaScript 84.98% HTML 9.09% CSS 4.85% Dockerfile 1.08%
express meterial-ui mongodb node reactjs social-media hacktoberfest hacktoberfest2023 javascript mern apertre-24 apertre24

socialite's Introduction

Alt Text

Socialite

๐ŸŒŸ Welcome to Socialite - The Ultimate Social Connection Hub! ๐ŸŒŸ

The community at Socialite is buzzing with excitement as new members join the platform. Users are invited to immerse themselves in a world where connections thrive, friendships flourish, and happiness knows no bounds.

SVG JavaScript .ENV HTML5 React Docker GitHub%20Actions JSON Markdown Express

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit GitHub repo size GitHub total lines Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests GitHub top language


๐Ÿ“– Table of Contents


๐Ÿ“ Overview

Light Mode

t1

Dark Mode

t2


๐Ÿ“ฆ Features

HTTPStatus Exception: 429


๐Ÿ“‚ Repository Structure

โ””โ”€โ”€ socialite/
    โ”œโ”€โ”€ .dockerignore
    โ”œโ”€โ”€ .github/
    โ”‚   โ””โ”€โ”€ workflows/
    โ”œโ”€โ”€ .gitignore
    โ”œโ”€โ”€ LICENSE
    โ”œโ”€โ”€ README.md
    โ”œโ”€โ”€ client/
    โ”‚   โ”œโ”€โ”€ .gitignore
    โ”‚   โ”œโ”€โ”€ Dockerfile
    โ”‚   โ”œโ”€โ”€ jsconfig.json
    โ”‚   โ”œโ”€โ”€ package.json
    โ”‚   โ”œโ”€โ”€ public/
    โ”‚   โ””โ”€โ”€ src/
    โ”œโ”€โ”€ docker-compose.yml
    โ”œโ”€โ”€ readme.md
    โ””โ”€โ”€ server/
        โ”œโ”€โ”€ .env
        โ”œโ”€โ”€ Dockerfile
        โ”œโ”€โ”€ controllers/
        โ”œโ”€โ”€ index.js
        โ”œโ”€โ”€ middleware/
        โ”œโ”€โ”€ models/
        โ”œโ”€โ”€ package.json
        โ”œโ”€โ”€ public/
        โ”œโ”€โ”€ routes/
        โ””โ”€โ”€ vercel.json

โš™๏ธ Modules

Root
File Summary
docker-compose.yml HTTPStatus Exception: 429
Server
File Summary
index.js HTTPStatus Exception: 429
Dockerfile HTTPStatus Exception: 429
Routes
File Summary
users.js HTTPStatus Exception: 429
posts.js HTTPStatus Exception: 429
auth.js HTTPStatus Exception: 429
Models
File Summary
User.js HTTPStatus Exception: 429
Post.js HTTPStatus Exception: 429
Middleware
File Summary
auth.js HTTPStatus Exception: 429
Controllers
File Summary
users.js HTTPStatus Exception: 429
posts.js HTTPStatus Exception: 429
auth.js HTTPStatus Exception: 429
Client
File Summary
Dockerfile HTTPStatus Exception: 429
Src
File Summary
theme.js HTTPStatus Exception: 429
index.js HTTPStatus Exception: 429
index.css HTTPStatus Exception: 429
App.js HTTPStatus Exception: 429
State
File Summary
index.js HTTPStatus Exception: 429
Widgets
File Summary
UserWidget.jsx HTTPStatus Exception: 429
PostsWidget.jsx HTTPStatus Exception: 429
PostWidget.jsx HTTPStatus Exception: 429
MyPostWidget.jsx HTTPStatus Exception: 429
FriendListWidget.jsx HTTPStatus Exception: 429
AdvertWidget.jsx HTTPStatus Exception: 429
Profilepage
File Summary
index.jsx HTTPStatus Exception: 429
Navbar
File Summary
index.jsx HTTPStatus Exception: 429
Loginpage
File Summary
index.jsx HTTPStatus Exception: 429
Form.jsx HTTPStatus Exception: 429
Homepage
File Summary
index.jsx HTTPStatus Exception: 429
Components
File Summary
WidgetWrapper.jsx HTTPStatus Exception: 429
UserImage.jsx HTTPStatus Exception: 429
Friend.jsx HTTPStatus Exception: 429
FlexBetween.jsx HTTPStatus Exception: 429
CommentSection.jsx HTTPStatus Exception: 429
Public
File Summary
robots.txt HTTPStatus Exception: 429
index.html HTTPStatus Exception: 429
Workflows
File Summary
webpack.yml HTTPStatus Exception: 429

๐Ÿš€ Getting Started

Dependencies

Please ensure you have the following dependencies installed on your system:

- โ„น๏ธ NodeJs

๐Ÿ”ง Installation

  1. Clone the socialite repository:
git clone https://github.com/arnab2001/socialite
  1. Change to the project directory:
cd socialite
  1. Install the dependencies:
npm install

๐Ÿค– Running socialite

node app.js

Run Without Docker

  1. Go to client folder
cd .\client\
  1. run the command
npm i
  1. Return to Socialite folder
cd ..
  1. Go to the server folder
cd .\server\
  1. run the command
npm i
  1. install nodemon in the system :

    Reason: Nodemon monitors the files in your project for any changes. When it detects a change, it automatically restarts your Node.js application. This eliminates the need for manual restarts, making the development process more efficient. I. Open Windows PowerShell in run as administrator mode II. run the command

    npm install -g nodemon

    III. In case of an error run the following command

    Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

    IV. Again run command II

  2. In the client folder run the command

npm start
  1. In the server folder run the command
nodemon index.js
  1. Update the mongo_db link in .env file
  2. Restart the server because the .env has changed IMPORTANT .

๐Ÿงช Tests

npm test

๐Ÿ›ฃ Roadmap

socialite

mern stack social media app

Progress:

Backend โš™๏ธ

  • Real Time Chat
  • Dockerization
  • Caching using redis

Frontend ๐Ÿš€

  • Better Ux
  • Comment section
  • Ui implementation of Chat window

๐Ÿค Contributing

๐ŸŒŸ Contributions are always welcome! ๐Ÿคโœจ Please follow these steps: ๐Ÿš€

  1. Fork the project repository. This creates a copy of the project on your account that you can modify without affecting the original project.
  2. Clone the forked repository to your local machine using a Git client like Git or GitHub Desktop.
     git clone https://github.com/arnab2001/socialite.git
  1. Create a new branch with a descriptive name (e.g., new-feature-branch or bugfix-issue-123).
git checkout -b new-feature-branch
  1. Make changes to the project's codebase.
  2. Commit your changes to your local branch with a clear commit message that explains the changes you've made.
git commit -m 'feat:  new feature.'
  1. Push your changes to your forked repository on GitHub using the following command
git push origin new-feature-branch
  1. Create a new pull request to the original project repository. In the pull request, describe the changes you've made and why they're necessary. The project maintainers will review your changes and provide feedback or merge them into the main branch.

Syncing with Upstream ๐Ÿ”„

If the original repository has been updated, sync your fork to include the latest changes:

  1. Add Upstream Remote:

    • Add the upstream repository as a remote.
      git remote add upstream https://github.com/arnab2001/socialite.git
  2. Fetch Upstream Changes:

    • Fetch the changes from the upstream repository.
      git fetch upstream
  3. Merge Upstream Changes:

    • Merge the changes from the upstream repository into your local branch.
      git merge upstream/main
  4. Push Changes to Your Fork:

    • Push the updated changes to your fork on GitHub.
      git push origin main

Rollback a Commit โช

If you need to undo a commit, you can use the following command: โš ๏ธ๐Ÿ”„

git revert <commit-hash>

Replace with the actual hash of the commit you want to revert.


๐Ÿ“„ License

This project is licensed under the โ„น๏ธ LICENSE-TYPE License. See the LICENSE-Type file for additional info.


๐Ÿ‘ Acknowledgments

Development Resources

Here are some valuable resources for web development using React.js, Node.js, and Docker:

React.js

  • Official React Documentation: React Documentation
  • React - A JavaScript library for building user interfaces.

Node.js

  • Official Node.js Documentation: Node.js Documentation
  • Node.js - JavaScript runtime built on Chrome's V8 JavaScript engine.

Docker

  • Official Docker Documentation: Docker Documentation
  • Docker - Platform for developing, shipping, and running applications in containers.

Contributors โœจ

Gratitude is extended to these amazing individuals ๐Ÿ’œ


Arnab Chatterjee




Arnab Chatterjee




Ankan Pal




Sneha123-zudo




Abhraneel Karmakar


logo




socialite's People

Contributors

abhraneel2004 avatar apu52 avatar arnab2001 avatar arnabchatterjee2001 avatar itsyourap avatar sneha123-zudo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

socialite's Issues

Adding asyncWrapper error handler

Hey, I noticed you are using try-catch to handle errors in all your controllers and middleware. It would be more feasible to create a middleware of asyncWrapper to handle these without having to write try-catch every time. I can work on it if you assign me this issue under hacktoberfest

Add new feature : API boxes

Describe the feature you are requesting

Hello Sir,
I want to add some cool badges in this repo like

  • open issues
  • contributor
  • open PR
  • last commites
    this type of cool API badges
    It will be very helpful to showcase the stats of your Repo as well as will attract more contributors.
    Additional context(if any)

image

Are you contributing under any open-source program ?

APERTRE'24

Fix the Gitignores

Make sure all the nodemodules and package-lock.json is getting omitted properly

Update Readme

will add photos
will add gif
will stylize the readme
will update how to contribute
Will add contributors name in Readme file.

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.