);
}
}
-export default App;
\ No newline at end of file
+export default App;
diff --git a/twistter-frontend/src/App.test.js b/twistter-frontend/src/App.test.js
deleted file mode 100644
index a754b20..0000000
--- a/twistter-frontend/src/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
- const div = document.createElement('div');
- ReactDOM.render(
, div);
- ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/twistter-frontend/src/Logout.js b/twistter-frontend/src/Logout.js
new file mode 100644
index 0000000..df36575
--- /dev/null
+++ b/twistter-frontend/src/Logout.js
@@ -0,0 +1,22 @@
+/* eslint-disable */
+import React, { Component} from 'react';
+import './App.css';
+import logo from './images/twistter-logo.png';
+import TextField from '@material-ui/core/TextField';
+
+class Logout extends Component {
+ render() {
+ return(
+
+ );
+ };
+}
+
+export default Logout;
diff --git a/twistter-frontend/src/Userline.js b/twistter-frontend/src/Userline.js
new file mode 100644
index 0000000..aa75716
--- /dev/null
+++ b/twistter-frontend/src/Userline.js
@@ -0,0 +1,64 @@
+import React, { Component } from "react";
+import { BrowserRouter as Router } from 'react-router-dom';
+import Route from 'react-router-dom/Route';
+import axios from 'axios';
+import Box from '@material-ui/core/Box'
+import {borders} from '@material-ui/system';
+import { sizing } from '@material-ui/system';
+// var moment = require('moment');
+
+
+
+class Userline extends Component {
+
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ microBlogs : [],
+
+ }
+
+ }
+
+ componentDidMount() {
+
+ axios.get('http://localhost:5001/twistter-e4649/us-central1/api/getallPostsforUser')
+ .then(res => {
+ const post = res.data;
+ this.setState({microBlogs : post})
+
+ })
+ }
+
+ render() {
+ const sortedPosts = (this.state.microBlogs).sort((a,b) =>
+ -a.createdAt.localeCompare(b.createdAt)
+ )
+
+ return (
+
+
+ )
+ }
+
+}
+export default Userline;
diff --git a/twistter-frontend/src/Writing_Microblogs.js b/twistter-frontend/src/Writing_Microblogs.js
new file mode 100644
index 0000000..3bda6cc
--- /dev/null
+++ b/twistter-frontend/src/Writing_Microblogs.js
@@ -0,0 +1,102 @@
+import React, { Component } from "react";
+import { BrowserRouter as Router } from 'react-router-dom';
+import Route from 'react-router-dom/Route';
+import axios from 'axios';
+
+
+class Writing_Microblogs extends Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ value: '',
+ title: '',
+ topics: '',
+ characterCount: 250
+
+ };
+
+
+ this.handleChange = this.handleChange.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleChangeforPost = this.handleChangeforPost.bind(this);
+ this.handleChangeforTopics = this.handleChangeforTopics.bind(this);
+
+ }
+
+ handleChange(event) {
+ this.setState( {title: event.target.value });
+ }
+
+ handleChangeforTopics(event) {
+ this.setState( {topics: event.target.value});
+ }
+
+ handleSubmit(event) {
+ // alert('A title for the microblog was inputted: ' + this.state.title + '\nA microblog was posted: ' + this.state.value);
+
+ const response = axios.post(
+ 'http://localhost:5001/twistter-e4649/us-central1/api/putPost',
+ { body: this.state.value,
+ userHandle: "new user",
+ userImage: "bing-url",
+ microBlogTitle: this.state.title,
+ microBlogTopics: this.state.topics.split(', ')
+
+ },
+ { headers: { 'Content-Type': 'application/json'} }
+
+ )
+ console.log(response.data);
+ alert('Post was shared successfully!');
+ event.preventDefault();
+ this.setState({value: '', title: '',characterCount: 250, topics: ''})
+ }
+
+ handleChangeforPost(event) {
+ this.setState({value: event.target.value })
+ }
+
+ handleChangeforCharacterCount(event) {
+ const charCount = event.target.value.length
+ const charRemaining = 250 - charCount
+ this.setState({characterCount: charRemaining })
+
+ }
+
+ render() {
+ return (
+