Merge pull request #26 from codeuino/improveHome

New UI - Homepage

Author: vaibhavdaren

.env

@@ -0,0 +1 @@
+REACT_APP_GRAPHQL_API_ENDPOINT = "http://127.0.0.1:8000/graphql"

README.md

@@ -1 +1 @@
-# community-forum-frontend
+# Spansberry Frontend

package-lock.json

@@ -1,15 +1,21 @@
 {
- "name": "community-forum-frontend",
+ "name": "spansberry-frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
  "@material-ui/core": "^4.10.2",
+ "@material-ui/icons": "^4.9.1",
+ "@reduxjs/toolkit": "^1.4.0",
  "@testing-library/jest-dom": "^4.2.4",
  "@testing-library/react": "^9.3.2",
  "@testing-library/user-event": "^7.1.2",
  "@tinymce/tinymce-react": "^3.6.0",
+ "axios": "^0.21.0",
+ "bootstrap": "^4.5.3",
+ "dotenv": "^8.2.0",
  "draft-js": "^0.11.6",
  "html-react-parser": "^0.13.0",
+ "jwt-decode": "^3.1.1",
  "node-sass": "^4.14.1",
  "react": "^16.13.1",
  "react-beautiful-dnd": "^13.0.0",
@@ -18,9 +24,14 @@
  "react-html-parser": "^2.0.2",
  "react-icons": "^3.10.0",
  "react-markdown-renderer": "^1.4.0",
+ "react-redux": "^7.2.2",
  "react-router-dom": "^5.2.0",
+ "react-router-hash-link": "^2.2.2",
  "react-scripts": "3.4.1",
  "react-tagsinput": "^3.19.0",
+ "react-tooltip": "^4.2.10",
+ "redux": "^4.0.5",
+ "redux-thunk": "^2.3.0",
  "remarkable": "^2.0.1",
  "socket.io-client": "^2.3.0"
  },

package.json

@@ -6,8 +6,8 @@
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta
- name="description"
- content="Web site created using create-react-app"
+ name="Spansberry"
+ content="A community-oriented discussion platform that comes with an intelligent dashboard mechanism that helps manage the ongoing discussions in organized and structural ways."
  />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  <!--

public/index.html

@@ -1,16 +1,13 @@
 import React from "react";
-import "./App.css";
 import Router from "./router";
+import { useDispatch } from "react-redux";
+import { getCurrentUser } from "./reducers/authSlice";
 
 function App() {
+ const dispatch = useDispatch();
+ dispatch(getCurrentUser());
  return (
  <React.Fragment>
- <link
- rel="stylesheet"
- href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
- integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
- crossorigin="anonymous"
- />
  <Router />
  </React.Fragment>
  );