Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohammadhossein-asadi/connectify-client
Connectify Social Media
https://github.com/mohammadhossein-asadi/connectify-client
formik javascript material-ui react-dropzone react-router reactjs redux redux-persist redux-toolkit yup
Last synced: 13 days ago
JSON representation
Connectify Social Media
- Host: GitHub
- URL: https://github.com/mohammadhossein-asadi/connectify-client
- Owner: mohammadhossein-asadi
- Created: 2023-08-25T15:37:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-17T01:20:47.000Z (20 days ago)
- Last Synced: 2025-01-17T02:22:50.221Z (20 days ago)
- Topics: formik, javascript, material-ui, react-dropzone, react-router, reactjs, redux, redux-persist, redux-toolkit, yup
- Language: JavaScript
- Homepage: https://connectifysocial.vercel.app/
- Size: 124 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Connectify Social Media 🌐
A modern social media platform that allows users to create, share, and engage with content. Built with **React**, **Redux Toolkit**, and **Material-UI**, Connectify offers a seamless user experience with real-time updates and interactive features.
## ✨ Features
- 📝 **User registration and authentication**
- 📸 **Image uploads** with drag-and-drop support
- 💬 **Real-time likes and comments** on posts
- 👤 **User profiles** with customizable settings
- 🔍 **Profile exploration** to discover new users
- 📱 **Fully responsive design** for mobile and desktop
- 🎨 **Beautiful UI** with Material-UI components
- 🔗 **Shareable content** via unique URLs
## 🚀 Tech Stack
- **[React](https://reactjs.org/)** - JavaScript library for building user interfaces
- **[Redux Toolkit](https://redux-toolkit.js.org/)** - State management
- **[Material-UI](https://mui.com/)** - UI components
- **[Formik](https://formik.org/)** - Form handling
- **[Yup](https://github.com/jquense/yup)** - Schema validation
- **[React Router](https://reactrouter.com/)** - Routing
## 🛠️ Installation
1. **Clone the repository:**
```bash
git clone https://github.com/mohammadhossein-asadi/Connectify-client.git
```
2. **Install dependencies:**
```bash
cd Connectify-client
yarn install
```
3. **Run the development server:**
```bash
yarn dev
```
4. **Open [http://localhost:5173](http://localhost:5173)** in your browser to start exploring!
## 🎮 How to Use
1. **Register** for a new account or **log in** if you already have one.
2. **Create posts** by sharing text and images.
3. **Engage** with other users by liking and commenting on their posts.
4. **Explore profiles** to connect with friends and discover new users.
5. **Navigate** through the app using the responsive design on any device.
## 🌐 Live Version
Check out the live version of the project here: [Connectify Live](https://connectifysocial.vercel.app/)
## 🏗️ Project Structure
```
Connectify-client/
├── src/
│ ├── scenes/ # Main application views
│ ├── components/ # Reusable components
│ ├── state/ # Redux state management
│ ├── utils/ # Utility functions
│ └── assets/ # Static assets
├── public/ # Public assets
└── package.json # Project metadata and dependencies
```
## 🧪 Key Components
### **Navbar Component**
The navigation bar that allows users to access different sections of the app.
### **UserWidget Component**
Displays user information and allows for profile interactions.
### **PostsWidget Component**
Renders posts and handles user interactions like likes and comments.
## 📝 License
This project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a **Pull Request**.
1. **Fork the project.**
2. Create your feature branch:
```bash
git checkout -b feature/AmazingFeature
```
3. Commit your changes:
```bash
git commit -m 'Add some AmazingFeature'
```
4. Push to the branch:
```bash
git push origin feature/AmazingFeature
```
5. Open a **Pull Request**.
## 🙏 Acknowledgments
- Inspired by modern social media platforms.
- UI components from **[Material-UI](https://mui.com/)**.
- Thanks to the open-source community for the libraries and tools that made this project possible.