diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 000000000..bc6e544fa
Binary files /dev/null and b/.DS_Store differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..d8a3d0c66
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+bundle.js
+coverage
\ No newline at end of file
diff --git a/client.js b/client.js
new file mode 100644
index 000000000..56378dfbf
--- /dev/null
+++ b/client.js
@@ -0,0 +1,70 @@
+class Client {
+
+ loadPeeps = (displayResult) => {
+ fetch('https://chitter-backend-api-v2.herokuapp.com/peeps')
+ .then((response) => response.json())
+ .then((data) => {
+ displayResult(data);
+ })
+ .catch((error) => {
+ console.log(error); // change to Display Error method
+ })
+ }
+
+ createUser = (inputUsername, inputPassword, displayResult) => {
+ fetch('https://chitter-backend-api-v2.herokuapp.com/users', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({user: {handle:inputUsername, password:inputPassword}})
+ })
+ .then((response) => response.json())
+ .then((output) => {
+ console.log(output); // remove later maybe
+ displayResult(output);
+ })
+ .catch((error) => {
+ console.log(error); // change to Display Error method?
+ })
+ }
+
+ signinUser = (inputUsername, inputPassword, displayResult) => {
+ fetch('https://chitter-backend-api-v2.herokuapp.com/sessions', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({session: {handle:inputUsername, password:inputPassword}})
+ })
+ .then((response) => response.json())
+ .then((output) => {
+ console.log(output); // remove later maybe
+ displayResult(output);
+ })
+ .catch((error) => {
+ console.log(error); // change to Display Error method?
+ })
+ }
+
+ postPeep = (userId, sessionKey, peepBody, displayResult) => {
+ fetch('https://chitter-backend-api-v2.herokuapp.com/peeps', {
+ method: 'POST',
+ headers: {
+ 'Authorization': 'Token token=' + sessionKey,
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({peep: {user_id:userId, body:peepBody}})
+ })
+ .then((response) => response.json())
+ .then((output) => {
+ console.log(output); // remove later maybe
+ displayResult(output);
+ })
+ .catch((error) => {
+ console.log(error); // change to Display Error method?
+ })
+ }
+}
+
+module.exports = Client;
\ No newline at end of file
diff --git a/client.test.js b/client.test.js
new file mode 100644
index 000000000..dd53e166d
--- /dev/null
+++ b/client.test.js
@@ -0,0 +1,81 @@
+const Client = require('./client')
+
+require('jest-fetch-mock').enableMocks()
+
+describe('Client', () => {
+
+ beforeEach(() => {
+ fetch.resetMocks();
+ })
+
+ it('Loads peeps from the API', (done) => {
+ const client = new Client;
+
+ fetch.mockResponseOnce(JSON.stringify({
+ id: 1234,
+ body: 'Test peep'
+ }));
+
+ client.loadPeeps((retunedDataFromApi) => {
+ expect(retunedDataFromApi.id).toBe(1234);
+ expect(retunedDataFromApi.body).toBe('Test peep');
+
+ done();
+ });
+ });
+
+ it('Creates new user', (done) => {
+ const client = new Client;
+
+ fetch.mockResponseOnce(JSON.stringify({
+ id : 1,
+ handle : "test_user"
+ }));
+
+ let inputUsername = 'test_user';
+ let inputPassword = 'password123';
+
+ client.createUser(inputUsername, inputPassword, () => {
+ expect(fetch.mock.calls.length).toEqual(1);
+ expect(fetch.mock.calls[0][1].body).toEqual(JSON.stringify({user: {handle:inputUsername, password:inputPassword}}));
+ done();
+ });
+ });
+
+ it('Logins user', (done) => {
+ const client = new Client;
+
+ fetch.mockResponseOnce(JSON.stringify({
+ user_id:1,
+ session_key:"random"
+ }));
+
+ let inputUsername = 'test_user';
+ let inputPassword = 'password123';
+
+ client.signinUser(inputUsername, inputPassword, () => {
+ expect(fetch.mock.calls.length).toEqual(1);
+ expect(fetch.mock.calls[0][1].body).toEqual(JSON.stringify({session: {handle:inputUsername, password:inputPassword}}));
+ done();
+ });
+ });
+
+ it('Posts peep to the server', (done) => {
+ const client = new Client;
+
+ fetch.mockResponseOnce(JSON.stringify({
+ id:1,
+ body:"Test peep"
+ }));
+
+ let userId = 1;
+ let sessionKey = 'random';
+ let peepBody = 'Test peep';
+
+ client.postPeep(userId, sessionKey, peepBody, () => {
+ expect(fetch.mock.calls.length).toEqual(1);
+ expect(fetch.mock.calls[0][1].body).toEqual(JSON.stringify({peep: {user_id:userId, body:peepBody}}));
+ done();
+ });
+ });
+});
\ No newline at end of file
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 000000000..fcf64a70d
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/bird-avator.png b/images/bird-avator.png
new file mode 100644
index 000000000..0ebbff7fb
Binary files /dev/null and b/images/bird-avator.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..acc411bb5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Chitter
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome to Chitter 👋
+
See latest peeps 👀
+
+
+
+
+
+
+