Pictogram

A full-stack photo-sharing social media app that enables users to post photos & comment on posts.

https://github.com/valerievozza/pictogram

Tech Stack

Client: JavaScript, EJS, TailwindCSS

Server: Node, Express, MongoDB

Dependencies: bcrypt, connect-mongo, dotenv, ejs, express, express-flash, express-session, mongodb, mongoose, morgan, nodemon, passport, passport-local, validator

Features

• Secure login with Passport Auth
• Upload photo posts with title and caption
• See other users posts in the photo feed
• Like and comment on other posts

Installation

Install with npm

  npm install bcrypt connect-mongo dotenv ejs express express-flash express-session mongodb mongoose morgan nodemon passport passport-local validator

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

PORT = <port> (can be any port, ex: 3000)

Database

DB_STRING = <your MongoDB uri>

Optimizations

• Added collapsable nested comments

Planned Features & Improvements:

• Make posts shareable
• Create friends list

Other Examples of My Work

Mailroom

https://github.com/valerievozza/mailroom

Pocket

https://github.com/valerievozza/pocket

myPetPal

https://mypetpal.onrender.com