https://github.com/shuddha2021/react-social-network-prototype

Connect, Share, and Engage: Your Gateway to a Custom Social Media Experience
https://github.com/shuddha2021/react-social-network-prototype

expressjs messaging mongodb nodejs profile-management reactjs reactrouter redux responsive-design social-media-app userauthentication web-development

Last synced: 6 days ago
JSON representation

Connect, Share, and Engage: Your Gateway to a Custom Social Media Experience

• Host: GitHub
• URL: https://github.com/shuddha2021/react-social-network-prototype
• Owner: shuddha2021
• Created: 2024-02-22T13:08:36.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-22T13:26:19.000Z (10 months ago)
• Last Synced: 2024-11-06T19:50:22.454Z (about 2 months ago)
• Topics: expressjs, messaging, mongodb, nodejs, profile-management, reactjs, reactrouter, redux, responsive-design, social-media-app, userauthentication, web-development
• Language: HTML
• Homepage: https://social-media-site-gold.vercel.app/
• Size: 11.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Social Media Site Protptype

## Description

This project is a small social media website prototype built using React.js, Redux, Node.js, and MongoDB. It provides basic functionality for user authentication, profile management, connections, and messaging, allowing users to sign up, log in, create profiles, connect with other users, and communicate via messages.

## Features

- **User Authentication**: Users can sign up for an account or log in with their credentials to access the platform.

- **Profile Management**: Users can create and edit their profiles, including adding personal information, profile pictures, and other details.

- **Connections**: Users can connect with other users by sending friend requests and accepting or rejecting incoming requests.

- **Messaging**: Users can send messages to their connections and view their message history within the platform.

- **Responsive Design**: The platform is designed to be responsive and accessible on various devices, including desktops, laptops, tablets, and smartphones.

- **Redux State Management**: Redux is used for state management, providing a predictable and centralized store for managing application state.

- **Routing with React Router**: React Router is used for client-side routing, enabling navigation between different pages and components within the application.

**Here is the link for this site :** https://social-media-site-gold.vercel.app/

## Installation

1. Clone the repository: `git clone https://github.com/your-username/social-media-site.git`

2. Install dependencies for the frontend and backend:

3. Set up environment variables:

- Create a `.env` file in the root directory and add necessary environment variables (e.g., MongoDB URI, JWT secret).

4. Run the development server:

## Technologies Used

- React.js

- Redux

- Node.js

- Express.js

- MongoDB

- React Router

- Redux Thunk

- Axios









## Contributing

Contributions are welcome! Please feel free to submit pull requests or open issues for any bugs, feature requests, or improvements.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.