Sapling Social Media Site

GA 1026 Project 3

created by
Nesh Masood - github, LinkedIn
Helena Markus - github, LinkedIn
Jihye Kwak - github, LinkedIn
Jack Glazer - github, LinkedIn
Michelle Bahan - github, LinkedIn

Project Description

Sapling is a class assigned social media site. We chose to make ours about putting positive energy into the world in the form of personal manifestation posts that other users can see, comment on and upvote, as well as giving users random fun and helpful bits of advice on their profile if they need some inspiration. It is meant to invoke calm and encourage personal positivity and growth.

Deploy

https://sapling-1026.herokuapp.com/

Github

https://github.com/mbahan1/project-3-sapling

Planning Docs

User Research
User Stories
User Flow
ERD
Pallet
Dark Pallet
Logo
Wireframes
Landing Page
Create & Edit Profile Page
Profile Page
New Post Page
Edit Post Page
Communal Posts Page

Technologies used

- Node   
- Express   
- Mongoose    
- MongoDB Atlas   
- React   
- Yarn
- Heroku
- Miro for planning and coordination   

Installation/scripts

yarn start

starts the backend server

yarn dev

starts the server and client side at the same time (needs concurrently installed)

API source

Advice Slip JSON API https://api.adviceslip.com/

Image sources

Tiny tab logo https://depositphotos.com/116209008/stock-illustration-stylized-lotus-flower-icon-vector.html

Landing page gif https://c.tenor.com/XO0nQRb4xe8AAAAC/meditation-grogu.gif

Site logo https://www.vectorstock.com/royalty-free-vector/lotus-flower-icon-outline-style-vector-9552016

Zodiac sign avatars https://nypost.com/article/zodiac-signs-dates-personality-traits/

Music source

Soft Daydream by EvgenyBardyuzha
https://pixabay.com/music/beautiful-plays-soft-daydream-18538/

Credits

Thanks to our awesome instructors: Teri London, Nicole Hamilton, Avisa Poshtkouhi, and Gabriel 'Documentation' Gangoso. And of course everyone that took our user research survey or sat down for an interview with Nesh.

This project was bootstrapped with Create React App.