added tailwind.css

Author: srivastavayushi

.eslintcache

@@ -7,6 +7,7 @@
     "@testing-library/react": "^11.2.3",
     "@testing-library/user-event": "^12.6.2",
     "bootstrap": "^4.6.0",
+    "postcss": "^8.2.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-router-dom": "^5.2.0",
@@ -17,10 +18,12 @@
     "web-vitals": "^0.2.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "start": "npm run watch:css && react-scripts start",
+    "build": "npm run build:css && react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
+    "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
   },
   "eslintConfig": {
     "extends": [
@@ -39,5 +42,10 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "autoprefixer": "^9.8.6",
+    "postcss-cli": "^8.3.1",
+    "tailwindcss": "^2.0.2"
   }
 }

package-lock.json

@@ -0,0 +1,4 @@
+const tailwindcss = require("tailwindcss");
+module.exports = {
+  plugins: [tailwindcss("./tailwind.js"), require("autoprefixer")],
+};

package.json

@@ -2,18 +2,18 @@ import { Switch, Route, BrowserRouter as Router } from "react-router-dom";
 
 import Home from "./components/Home";
 import AboutUs from "./components/Aboutus";
-import Contactus from "./components/Contactus";
-import CurrentEvent from "./components/CurrentEvent";
+// import Contactus from "./components/Contactus";
+
 import Events from "./components/Events";
 import Footer from "./components/Footer";
-
+import Volunteer from "./components/Volunteer";
 import Team from "./components/Team";
 import Testimonials from "./components/Testimonials";
 import Sponsors from "./components/Sponsors";
 
 import NavbarNew from "./components/NavbarNew";
 
-import Main from './pages/Main';
+import Main from "./pages/Main";
 function App() {
   return (
     <div className="App">
@@ -22,12 +22,13 @@ function App() {
         <Switch>
           <Route exact path="/" component={Main} />
           <Route path="/about" component={AboutUs} />
-          <Route path="/current" component={CurrentEvent} />
-          <Route path="/contactus" component={Contactus} />
+
+          {/* <Route path="/contactus" component={Contactus} /> */}
           <Route path="/events" component={Events} />
           <Route path="/testimonials" component={Testimonials} />
           <Route path="/footer" component={Footer} />
           <Route path="/team" component={Team} />
+          <Route path="/volunteer" component={Volunteer} />
         </Switch>
         <Footer />
       </Router>