Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/musadiqpasha/snapit

SnapIT is a sleek, user-friendly web app for seamless image sharing, utilizing MongoDB and Node.js for user detail storage. It allows users to send one image at a time, with each new image replacing the previous one. This design minimizes digital clutter and promotes meaningful, intentional sharing for a balanced online experience.
https://github.com/musadiqpasha/snapit

bootstrap expressjs html-css-javascript image-sharing jquery mongodb mongodb-database nodejs

Last synced: about 1 month ago
JSON representation

SnapIT is a sleek, user-friendly web app for seamless image sharing, utilizing MongoDB and Node.js for user detail storage. It allows users to send one image at a time, with each new image replacing the previous one. This design minimizes digital clutter and promotes meaningful, intentional sharing for a balanced online experience.

Awesome Lists containing this project

README

        

# SnapIT
SnapIT is a sleek, user-friendly web app for seamless image sharing, backed by MongoDB and Node.js for storing user details. Users can send one image at a time, with each new image replacing the previous one, and sent to all their friends instantly. This approach helps to minimize digital clutter and encourages more meaningful and intentional sharing, promoting a healthier and more balanced online experience.

### Demo

## Features

- Seamless image sharing between users.
- Send one image at a time, with each new image replacing the previous one.
- Instantly share images with all your friends.
- Utilizes MongoDB and Node.js for efficient user detail storage.
- Promotes meaningful, intentional sharing to minimize digital clutter.
- Webcam Access: Users can take pictures using their webcam directly within the app.
- Profile Management: Users can search for profiles and view profile details.
- Search : Users can search for their friends and add them

## Tech Stack

- **Frontend:** HTML, CSS, JavaScript
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Other Tools:** Bootstrap, jQuery

# Pages

**Home: The landing page of the application.**

**Sign Up: Register a new account.**

**Sign In: Log into an existing account.**

**Main Interface**

**Search Profile: Find and connect with other users.**

**View Profile: View details of user profiles.**

## Setup Instructions

1. Clone the repository: `git clone https://github.com/MusadiqPasha/SnapIT.git`
2. Navigate to the project directory: `cd snapit`
3. Install dependencies: `npm install`
4. Set up MongoDB:
- Install MongoDB and ensure it's running on your local machine or a remote server.
- Update the MongoDB URI in your .env file or directly in the code as per your configuration.
5. Start the server: `npm start`
6. Open your web browser and navigate to `http://localhost:3000`

## License
**This project is licensed under the MIT License - see the LICENSE file for details.**

## Just follow me and Star ⭐ my repository
## Thank You!!