Skip to content

helloitsrufio/Opinions-Social-Network

 
 

Repository files navigation



Description

On Opinions, you can create an account, share your opinions, and look at the opinions of others. While you can't counter their opinions directly, you can give them a like if you are feeling that sweet sweet reinforcement of your own beliefs--or downvote them to eternity, up to you

View Project Here: Opinions Social Network

Technologies used

Made with Node.js and Express, MongoDB and Mongoose, vanilla JavaScript, EJS, TailwindCSS, and Cloudinary. Node way, are we right?

Use and Installation

To use this project as a base for your own project--expanding on what we've done so far--fork the project, clone it to your local machine, and work from there! Feel free to submit pull requests if you have any additions that go along with the theme of our project. A task list is down below with future suggested improvements.

Install

npm install

Things to add

  • Create a .env file and add the following as key = value
    • PORT = 2121 (can be any port example: 3000)
    • DB_STRING = your database URI
    • CLOUD_NAME = your cloudinary cloud name
    • API_KEY = your cloudinary api key
    • API_SECRET = your cloudinary api secret

Note: you will need to setup a cluster on MongoDB as well as create a cloudinary account to fill in the environment variables above

Run

npm start or npm run dev


Packages/Dependencies Used:

"autoprefixer": "^10.2.5",
"bcrypt": "^5.0.1",
"cloudinary": "^1.25.1",
"connect-mongo": "^3.2.0",
"dotenv": "^8.2.0",
"ejs": "^3.1.6",
"express": "^4.17.1",
"express-flash": "^0.0.2",
"express-session": "^1.17.1",
"method-override": "^3.0.0",
"mongodb": "^3.6.5",
"mongoose": "^5.12.3",
"morgan": "^1.10.0",
"multer": "^1.4.2",
"nodemon": "^2.0.7",
"passport": "^0.4.1",
"passport-local": "^1.0.0",
"postcss": "^8.2.13",
"tailwindcss": "^2.1.2",
"validator": "^13.6.0"

What are some sick things we've done in Opinion?

  • Create a landing page for all opinions
  • Create a login page
  • Create a sign up page
  • Make it so users can post their opinions
  • Make it so users can delete their opinions
  • Enable local auth
  • Add upvote feature
  • Added photo upload feature to meme out even harder

Gif with a dude saying, "Frickin' awesome!"

In the future, we hope to:

  • Add usernames attached to opinions
  • Optimize site performance
    • Remove unused CSS -[ ] Eliminate render blocking resources -[ ] enable text compression
  • Create a public user profile page to see created opinions and amount of upvotes
  • Add a hover over opinion to see a mini window of more posts created by user & be able to click to their profile
  • Enable users to update their opinions
  • Add a downvote button
  • Make photograph upload optional
  • Limit downvote to one per user per post
  • Limit upvote to one per user per post

The team members that made this sick app come to life are Jeremy Seckinger, Shara Crosslin, Tim Calas, Jonathan Yau, Marcelo Azevedo, and Ruth Reed.

Gif of NFL players do the can-can.


Current Screenshots of our humbly opinionated app


Landing Page View


Login View


Signup View


Logged In User View


Feed View

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • CSS 99.2%
  • Other 0.8%