Login: By clicking the Login link in the Navbar users can login with a previous username and password.This app opens on the Main Page with the Smedium banner and any previous posts. The API.js in the React utils folder has the axios calls that allow the frontend to talk with the backend. The smedium_schema.sql is the main schema used for organizing user data. (The perfect fit) Danm did you check out gordans smedium shirt, it fits him so good i want to eat him up. The backend uses MySQL and has the ability to be expanded to capture various aspects of user input. Person A: 'What size would you like' Person B: 'Smedium: See small, medium, tiny, average, mini.

These comments are also appended to the schema.

By clicking on Users' posts another page renders and allows the user to make comments to the initial posts.

The post will be located in order of when it was posted. Viewers can return to the mainpage by clicking on the Smedium logo. Once the submit button is clicked a copy of the post is shown.

This page allows users to create a post with a title, url for pictures and an area for content.

Passport and JsonWebToken is used to prevent people who haven't registered from seeing posts made by existing users.

The page is rendered using react and links are organized by a react-router-dom.

Page that displays posts from other users and the company banner.

After development the application was produced on Heroku for user testing and release. We then worked on merging the frontend with the backend to create a complete application. Visitor information and comments can be logged on a server and sent to my email.Īs this was a group project we divided work into frontend and backend segments focusing mainly on operations and UI. Card components will be used to render posts and the project cards using the map funtion. Pages will be controlled by using React Router DOM to for a streamlined experience and speed. The UX will be comprised of CSS using MaterialUI as a template. This will be a React based website that has an app bar and a MySQL database.

Create a backend server that scales out for all the added features developed in the future.

Has a login feature so only people who are logged in to their account can make, edit and delete posts.

Has to display completed posts, upload it to a server, allow for deletion and editing.Needing a functional website that displays posts and languages and pictures I like.They would like to respond to their friends and conversations with the information being easily available. Our Users would like to make posts and respond to each other in a very streamlined way.

Smedium gif