Home

Awesome

<div align="center" id="header">

MEET YOUR CLASSMATES

Created by Amar Panjwani

CLICK TO DEMO

</div> <div align="center" id="socialbuttons">

Portfolio Badge <br> LinkedIn Badge <br> Stars Forks <br> Version

</div>

📝 Description

Meet Your Classmates is a hub where students can get to know their peers via completion of short 3-question mini-surveys. By learning about others' backgrounds, previous experiences, and interests, an atmosphere of community is created that is conducive to higher levels of learning and success.

:camera_flash: Screenshots

<!-- <details> <summary> 📊 ERD</summary> | Description | Screenshot | |------------ | ------------| | <h3 align="center">ERD</h3> | <img src="public/Screenshots/ERD.MYC.png" width="700"> </details> --> <!-- <details> <summary> 🎨 Wireframes</summary> | Description | Screenshot | |------------ | ------------| | <h3 align="center">Home Page</h3> | <img src="public/Screenshots/Homepage.Wireframe.MYC.png" width="700"> | <h3 align="center">Profile Page</h3> | <img src="public/Screenshots/ProfilePage.Wireframe.MYC.png" width="700"> </details> -->
DescriptionScreenshot
<h3 align="center">Feed Page</h3><img src="public/Screenshots/FeedPage.png" width="700">
<h3 align="center">Profile Page</h3><img src="public/Screenshots/ProfilePage.png" width="700">
</details>

💻 Technologies Used

JavaScript React HTML5 CSS3

Node Express MongoDB

SemanticUIReact AWS S3

🔥 Getting Started

<details open> <summary> How to Create a Post </summary>

  1. Type in your answers to each of the 3 randomly-generated mini-survey questions.

  2. Click on "Add Survey" to post your responses so others may see them.

  3. Click on the "X" in the bottom-right corner to delete a post.

</details> <details open> <summary> How to Interact With Others' Posts </summary>

  1. Posts may be "liked" or "disliked" by clicking on the thumbs up or down button on their card.

  2. To reveal the author of a post, hover over the "Who could it possibly be?" button.

  3. To see more posts by the same user, click on the revealed username and profile picture.

</details> <details open> <summary>Trello Board</summary> <a href="https://trello.com/b/x4ViComX/meet-your-classmates-project-4">https://trello.com/b/x4ViComX/meet-your-classmates-project-4</a> </details> <details open> <summary>Deployed Link (Heroku)</summary> <a href="https://meetyourclassmates.herokuapp.com/">https://meetyourclassmates.herokuapp.com/</a> </details> <!-- #### [Pitch-Deck](https://docs.google.com/presentation/d/1h2wwLEPFEW8QYUVp-uX2hn5afxvE5GVZatkmLsMW-J4/edit?usp=sharing) #### [Heroku Deployment](https://gatracker.herokuapp.com/) -->

⏭️ Next Steps

Upcoming Features