README.md

SlapFace

• Motivation
• Tools
• Site Looks
  • Login page
  • Post page
  • Home page
• Use this project
• The team
• Dev Log

---

Motivation

Now Hosted: Click SlapFace to visit the website.

Problem: Lack of a dedicated platform to archive and verify prophecies, which often get lost on various social media channels. This makes it difficult to track and verify the accuracy of prophecies over time.

Provide a platform for people to share and verify prophecies. The motivation behind this idea is to have a long-term, low-maintenance website where interesting conclusions can be posted and verified later, without the fear of the post getting lost in various social media channels. The website can be used by anyone who wants to share their opinions and prophecies.

What does the Application do

Main idea:

• This is a website for everyone to post their “unverified” prophecy
• It can be political incidents or different field
• When anyone submit their posts, you have to set a time for to verify then everyone will see the result

Discussion/forum:

• Every user allow to comment on others posts

User Login System:

• Users have different account to store what they have posted or voted
• Reward points are recorded in the account

Prophecy category:

• Technology, political, sport, entertainment, etc..
• User can choose what category to follow

From the Future/Get Slapped

• This is a section for the highest points user and the lowest points user
• From the future shows the best 5 and the Get Slapped in the Face will show the worst 5.

User reward points system

• Users who vote will consume 10 points from the account
• Users who voted the correct answer will earn points
• To determine the number of points for winners, all users points will be enter to a reward pool and distributed to the winners.

Most Popular/ Newest Posts

• Most Popular posts will be determined by the number of users who joined the poll.
• Newest posts are the posts most recently uploaded.

Trending News (Public API)

• Utilizing API to get the newest news to the users. And that news will be displayed on the main page.
• https://newscatcherapi.com/free-news-api

Tools

• Front-end: React + Ant Design + Material UI + Bootstrap
• Back-end: Node.js + Passport.JS + Socket.IO
• Database: MongoDB

Site looks

Login page

We implemented Google login for better user experience, but users can also register their own accounts on our site.

Home page

Including three sections: - Left-side: Trending News - Middle: List of Prophecy created by users - Right-side: Userpoints rank(highest 5 and lowest 5) and create post button

Rank page

Display the users with highest points respect to time.

Profile Page

Users can view all prophecies they created and participated. Abd allow user to edit their info there.

Prophecy

Users can create prophecies and decide the options and verify date.

Notification

Users can receive real-time notification after the prophecy that they participated is verified.

Use this project

1. Clone this project
2. For server run

npm start

3. For client run

npm run start

4. Run both client and server

npm run dev

Team

Our team consist of three members: Haoyuan Wu, Ying Yang, Xueqi Chen.

Dev Log

• 05/14/2023 The website is now hosted. Click SlapFace to see.