A place for devs & designers to meet and share.
- Description
- Installation
- Usage
- Images
- Future Development
- License
- Contributors
- Tools
- Resources
- Questions
ย
Get straight to the business? Visit Snipit Social
ย
Snipit Social is a lightweight social media web app that currently allows users to signup and login with encrypted authentication, create and edit a personal profile, author posts to share in a communal feed, and hop into chatrooms to share disappearing messages in real time. This app is designed as away for developers to connect in ways that widely-used services like GitHub do not offer, and allows for a focused way of collaborating without the all-issues nature of Twitter. No ads, no tracking or targeting, no bots. Future development and features are noted below.
ย
This is a MERN full stack app. We built this app to store data using MongoDB Atlas cloud hosting. Please see their docs for information regarding setting up a cluster for this app. To start your own instance, clone this repository and run npm install
from the root directory. Then cd client
and run another install to complete the dependencies.
- Local Instance: To test and develop locally, open a MongoDB enabled terminal window, navigate to the root directory and run
mongod
to start the server listening. Unless altered, all data will hit your cloud database by default. Then in a new terminal, runnpm run dev
from the root. This script tells npm Concurrently to start both servers listening at ports 3000 and 5000 respectively. Launch your browser, navigate tolocalhost:3000
and begin using Snipit Social! - Web Instance: Connect your MongoDB cloud cluster to you preferred cloud platform for website hosting. We used Heroku to deploy this app, go here to checkout ๐ Snipit Social in action.
ย
Users start their experience at our landing page, where they may sign up for a new account or login to their existing account after signing in , users may use the navbar to travel around Snipit Social, making posts on the feed and viewing and updating their profile. They can also view others' profiles, follow or unfollow or hangout in the chatrooms. This app is a mobile-first PWA so users can install it on their devices and check in anytime to share new ideas.
ย
ย
ย
- More Login Methods Google, Facebook, Twitter etc.
- Direct Messaging Right now, chat rooms are a non-sticky experience, while DM's will be persistant.
- Sub-comments, Share, Report To make things extra social.
- Premium Tier To access new features and buys us a cup of coffee for a couple dollars per month.
ย
MIT โข (If you fork and recreate this, please be kind and rebrand your version!)
ย
ย
- React, React-Redux and React-Bootstrap
- MongoDB, Express and Node
- Socket.io for our chat rooms and soon direct messaging.
- Passport, GitHub Oauth2 and bcryptjs for authentication.
ย
Some helpful information that helped our development process:
- React Router
- Proxying API Requests in Development
- React Lifecycle Methods Diagram
- Presentational vs. Container Components
ย
- David Metcalf
- GitHub: gloriousLoaf
- [email protected]
- Or hitup one of the contributors above!
ย