componentRoute

README.md

@@ -0,0 +1,29 @@
+# PARS.css Component Library
+
+PARS.css is a component library built using pure css. It provides a set of common website components with more to be added in the future. The components make use of predefined css classes that follow the BEM syntax to compose the component.
+
+The documentation site is built using React.js. It makes use of Prism.js for code highlighting. The site also support both light and dark mode. Parcel used for bundling and hosted on Netlify.
+
+Still under development. Fixes and more features will be added soon.
+
+## Installation
+
+Clone the repository or download it as zip.
+
+Install dependencies:
+
+```
+npm install
+```
+
+Compile app and run the server:
+
+```
+npm run dev
+```
+
+## Demo
+
+![PARS.css](https://i.imgur.com/UGYru83.png)
+
+[Project Live Link](https://pars.netlify.app/).

netlify.toml

@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

package.json

@@ -4,8 +4,12 @@
   "description": "",
   "main": "index.js",
   "dependencies": {
+    "history": "^5.0.0",
+    "prismjs": "^1.23.0",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "react-element-to-jsx-string": "^14.3.2",
+    "react-router-dom": "^6.0.0-beta.0"
   },
   "devDependencies": {
     "babel-eslint": "^10.1.0",

src/App.js

@@ -1,10 +1,18 @@
 import React from "react";
+import "./css/pars.css";
+import "./css/prism.css";
 import "./css/style.css";
+import Header from "./components/Header";
+import ComponentsRoute from "./components/ComponentsRoute";
+import { BrowserRouter as Router } from "react-router-dom";
 
 export default function App() {
   return (
-    <div>
-      <h1>test</h1>
+    <div className="App">
+      <Header />
+      <Router>
+        <ComponentsRoute />
+      </Router>
     </div>
   );
 }

src/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>