Bruin Share
-
Life under covid-19 hasn't been easy for everyone. With everything happening overtime, Bruins might find it difficult to share their stroies during these special days of qurantine. Everything looks nice and intact on Facebook and Instagram Stories, but it is hard to find a platform to share Bruins' unkown stories.
-
Bruin Share is dedicated to be a safe place for Bruins to share covid-related stories. Being an online platform specific for Bruins, Bruin Share encourages every Bruin to share their stories to their fellow schoolmates and alumni. By using Bruin Shares, Bruins can share posts, react to posts, get to know fellow Bruins around the world.
Authors
Tristan Que, Donghang Wu, Zhentong Liu, Hongye Li, Olivia Zhang
Running the Application
Follow the below instructions to set up our project on your local machine.
Prerequisites
To run this project, you'll need the following NPM installed.
Node Package Manager (NPM): v16.14.5 https://www.npmjs.com/
Set up for Server
cd ./Bruin-Share-Backend
npm install
npm run start
Set up for Server
cd ./Bruin-Share-Frontend
npm install
npm start
Now go to http://localhost:3000/
Deployed Demo
https://bruin-share.netlify.app/
Features
-
Automatic Location Display:
No matter where you are, you can always find fellow bruins who live near you and read their story -
Minimalistic Forums:
Tired of Facebook and Reddit's forums with arbitrary ads and random tools you never used, we kept our app very simple with all necessary features -
Search the story you like:
Smart search based on topics and contents, find the post you've never forgot -
Join Us in two steps:
Quick login and Sign up with info verification -
Endorse your peer and let them hear you:
Give quick comments and likes on posts you like -
Get to Know your peers:
Each user has a profile page and a customizable private page
- We helped you keep track of what you might miss:
Notification reminds you of unread likes and comments
Tech Stack
Frontend
- React / React Hooks
- Google Map Api
- Styled Components
- Material UI core / icons
- Moment.js
- Axios
- Netlify (Deployment)
Backend
- MongoDB Atalas
- Express
- Node.js
- Cloudinary
- JWT & Bcrypt
- Heroku (Deployment)
UI
- Figma