The Nostalgia Book

The Nostalgia Book is a Facebook clone hosted on Heroku. The Nostalgia Book currently supports user authentication and unique user profile pages; as well as posting, liking, and commenting features for interactions between users.

Technologies used:

• Front end
  • Javascript
  • jQuery
  • React-Redux
  • HTML/CSS
• Back end
  • Ruby on Rails
  • PostgreSQL
  • JBuilder

The Nostalgia Book supports user authenticated login, signup, sign out features.

The Nostalgia Book boasts a newsfeed feature with posts, likes, and comment functionatility.

The Nostalgia Book supports user profiles which displays user specific information, including pictures provided via web link. This information can also be updated while signed in and on your personal profile page.

The Nostalgia Book also has a robust friending system. Sending sending, receiving, accepting, and unfriending are all supported, allowing for the creation of large networks of connections.

The Nostalgia Book plans on adding other features, such as liking comments and mobile support, to better facilitate a fully immersive and modern social media experience.

Friendship Item Code

The Friendship item first checks if the profile_photo_link is either null or a blank string. If this is the case, the default profile picture will be used instead of a custom picture. The link to the friend profile page references the ID of the the friend to be used in the web address to reference the other user's profile page.

render() {
        
        let friend = this.nameDisplay();
        let photo;
        if (!(friend.profile_photo_link) || friend.profile_photo_link === "") {
            photo = "https://st.depositphotos.com/1779253/5140/v/600/depositphotos_51405259-stock-illustration-male-avatar-profile-picture-use.jpg";
        } else {
            photo = friend.profile_photo_link;
        }

        return (
            <div id={"friend-item-box"}>
                

                <Link key={friend.id} replace to={`${friend.id}`} >
                    <div className="friendship-pro-pic-and-name">
                        <img className="friendship-pro-pic" src={friend.profile_photo_link} alt="Pro Pic" />
                        {friend.full_name + " " + friend.last_name}
                    </div>
                </Link>
                    
                
            </div>
        )
    }
    ```