This repository contains the submission for unPlatforms screener round.

• Requirements
• Installing Dependencies
• Running the Solution
  • Configuring Sequelize
  • Starting the Express server
  • Starting the React Application
• Bonus Features
  • Comments
  • Multiple Posts

To run the solution/application, the following softwares are required:

• MySQL Community - Download MySQL installer
• Node.js - Download Node.js

For installing dependencies in the frontend (React, React Redux, ...):

• In the terminal, change directory to user-feed-frontend folder
• Run npm install

For installing dependencies in the backend (Express, Sequelize, ...):

• In the terminal, change directory to user-feed-backend folder
• Run npm install

The contents of user-feed-backend/config/config.json file would be something like this:

{
	"development": {
		"username": "...",
		"password": "...",
		"database": "...",
		"host": "127.0.0.1",
		"dialect": "mysql"
	},
	"test": { ... },
	"production": { ... }
}

Since we would be running the server in development mode; in the development object, set the properties:

• username to the username of your MySQL instance
• password to the password of your MySQL instance
• database to the name of your database in the MySQL instance

In the database, there is NO need to either create any new table or add entries to it, since Sequelize would take care of creating the table if it doesn't exists, on the first run of the Express server.

However, if you already have a table named stats in your database even before you run this application, make sure you drop the table to prevent conflicts due to different table structure.

Note: Express server must be run before running the React application

• Open a new terminal, and then change the directory to user-feed-backend.
• Run npm run dev to start the Express server.

• Open another terminal, and then change the directory to user-feed-frontend.
• Run npm start to start the React application.

The solution/application also features the ability to post comments, which are then stored as JSON in the entry/row of the respective post in the database.

The following GIF demonstrates comments in action:

For generating multiple posts, Modify posts.json in user-feed-frontend/src.

For example, Adding the following object to the array in posts.json would automatically create a new post with the respective attributes: (Feel free to change the values in the below object, but make sure that the postID is unique for each post)

{
	"postID": "2",
	"userPic": "profiles/profile-2.png",
	"userName": "Christopher Jonas",
	"userDetails": [
		"MS, Software Engineering",
		"2018",
		"Software Engineer at IBM"
	],
	"postDetails": [
		"3d",
		"Washington"
	],
	"postTitle": "A new journey awaits...",
	"postContent": "I'm excited to announce that I have taken a new role as 'Senior Advisory Technical Services Specialist' within IBM. I am looking forward to furthering my skills and exploring new opportunities in IBM"
}

For each object in posts.json, a <Post /> child component inside <Feed /> component is generated in the React app using map() , and an entry/row is created in the stats table of the database, if it does not exists already. The entries in the table are then updated accordingly.

The following GIF demonstrates multiple posts in action: