https://github.com/diusmontenegro/project_social-gleam

DS-Gleam is a modern and intuitive social media app built with MERN stack. It features CRUD posts, adding friends, dark mode, and messaging with real-time updates and notifications. The app is built using Redux Toolkit, Formik, and Material UI.
https://github.com/diusmontenegro/project_social-gleam

expressjs formik-yup material-ui mongodb mongoose nodejs project reactjs redux redux-toolkit social-media

Last synced: 5 days ago
JSON representation

DS-Gleam is a modern and intuitive social media app built with MERN stack. It features CRUD posts, adding friends, dark mode, and messaging with real-time updates and notifications. The app is built using Redux Toolkit, Formik, and Material UI.

• Host: GitHub
• URL: https://github.com/diusmontenegro/project_social-gleam
• Owner: DiusMontenegro
• Created: 2023-02-22T13:30:46.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-24T01:45:14.000Z (almost 2 years ago)
• Last Synced: 2024-11-12T14:14:42.588Z (2 months ago)
• Topics: expressjs, formik-yup, material-ui, mongodb, mongoose, nodejs, project, reactjs, redux, redux-toolkit, social-media
• Language: JavaScript
• Homepage:
• Size: 7.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# DS-Gleam - Social Media App

DS-Gleam is a social media application built with MERN stack. It includes features such as CRUD posts, adding friends, dark mode, and messaging. The UI is designed to be modern and intuitive, with advanced features such as real-time updates and notifications.

![gleam5](https://user-images.githubusercontent.com/114764373/221071571-632557c8-2e85-4a2d-878e-bb244782a489.png)

![gleam3](https://user-images.githubusercontent.com/114764373/221071587-2ce3e282-b61d-4af9-8844-74229a306d24.png)

![gleam2](https://user-images.githubusercontent.com/114764373/221071595-f351a316-31a5-464d-8a42-27cb5fc3d1d8.png)

![gleam4](https://user-images.githubusercontent.com/114764373/221071615-ffc29350-c540-41cf-a1c3-e822361c34a8.png)

## Technologies

- MongoDB

- Express.js

- React.js

- Node.js

- Redux Toolkit

- Formik

- Material UI

## Features

### CRUD Posts

Users can create, read, update, and delete posts. Posts are displayed in a feed, and users can click on a post to view its details or edit/delete it.

### Adding Friends

Users can add friends by searching for their username or email address. Once added, friends are displayed in a separate section of the app, and users can view their friends' posts and interact with them.

### Dark Mode

The app includes a dark mode feature, which changes the UI to a darker color scheme.

### Drag and Drop image upload

Users can drag and drop images when importing an image.

### Messaging

Users can send direct messages to each other. The messaging feature includes real-time updates and notifications.

## Installation

1. Clone the repository.

2. Install dependencies using `npm install`.

3. Create a `.env` file with the following variables:

- `MONGO_URI=`

- `SECRET_KEY=`

4. Start the app using `npm start`.

## Usage

Once the app is running, users can sign up or log in to their account. From there, they can create posts, add friends, and send direct messages.

## Contributing

Contributions to DS-Gleam are welcome! To contribute, please fork the repository and submit a pull request.