Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dhamkirti21/socialmediaapplication
The MERN Social Media Application is a powerful and engaging platform that allows users to connect, share, and interact with others in a social media environment. Built using the MERN stack (MongoDB, Express.js, Reactjs, Node.js), this application provides a seamless and feature-rich experience for users.
https://github.com/dhamkirti21/socialmediaapplication
dropzonejs js material-ui mongodb multer node react redux styled-components
Last synced: 24 days ago
JSON representation
The MERN Social Media Application is a powerful and engaging platform that allows users to connect, share, and interact with others in a social media environment. Built using the MERN stack (MongoDB, Express.js, Reactjs, Node.js), this application provides a seamless and feature-rich experience for users.
- Host: GitHub
- URL: https://github.com/dhamkirti21/socialmediaapplication
- Owner: dhamkirti21
- Created: 2023-08-25T09:18:27.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-18T10:59:20.000Z (about 2 months ago)
- Last Synced: 2024-12-18T11:45:15.102Z (about 2 months ago)
- Topics: dropzonejs, js, material-ui, mongodb, multer, node, react, redux, styled-components
- Language: JavaScript
- Homepage: https://instasocial-tau.vercel.app/
- Size: 8.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instapedia
Instapedia is a social media application built with the MERN (MongoDB, Express.js, React, Node.js) stack. It allows users to connect, share posts, and interact with each other in a dynamic and real-time environment.
## Features
- User registration and authentication
- User profiles and customizable settings
- Post creation, editing, and deletion
- Like and comment functionality on posts
- Responsive design for mobile and desktop
## Technologies Used
- MongoDB: A NoSQL database for storing user data, posts, and comments.
- Express.js: A web application framework for handling server-side logic and APIs.
- React: A JavaScript library for building user interfaces.
- Node.js: A JavaScript runtime environment for running the server-side code.
- CSS: Custom styling for an engaging and intuitive user experience.
- MaterialUI: Styling UI Components
## Getting Started
Follow these instructions to get the project up and running on your local machine for development and testing purposes.
1. Clone the repository:
git clone https://github.com/dhamkirti21/Social-Media-Application.git
2. Install the dependencies:
cd folder-name
npm install
3. Set up the environment variables:
- Create a `.env` file in the root directory.
- Specify the required environment variables (e.g., database connection string, JWT secret, etc.).
4. Start the development server:
client - npm run dev
server - nodemon index.js
5. Run the Server commented Code Once to Populate Database
6. Open your browser and visit `http://localhost:3000` to see the application.
## ScreenShot
1. Login Page
2.Register Page
3.Home Page
4.Profile Page
5.NavBar
## Deployed Link:
Link to the Proejct : [Sociopedia Link](https://social-media-application-qs7a3v72z-dhamkirti21.vercel.app)
## Contributing
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
## Contact
For any inquiries or feedback, please contact Dhamkirti Sisodia.
Click Here Email Us