[Layer5-Leaderboard] Transfer of the Leaderboard Code to the discuss-board repo

CONTRIBUTING-gitflow.md

@@ -10,7 +10,7 @@ While this isn't an absolutely necessary step, if you plan on doing anything mor
 
 ## Add 'upstream' repo to list of remotes
 ```
-git remote add upstream https://github.com/layer5io/meshery.git
+git remote add upstream https://github.com/layer5io/discuss-board.git
 ``` 
 ("meshery" is used as the example repo. Be sure to reference the _actual_ repo you're contributing to e.g. "meshery-linkerd").
 

CONTRIBUTING.md

@@ -55,30 +55,21 @@ Please contribute! Layer5 documentation uses Jekyll and GitHub Pages to host doc
 
 1. Create a fork, if you have not already, by following the steps described [here](./CONTRIBUTING-gitflow.md)
 1. In the local copy of your fork, navigate to the docs folder.
-`cd docs`
+`cd leaderboard`
 1. Create and checkout a new branch to make changes within
 `git checkout -b <my-changes>`
 1. Edit/add documentation.
 `vi <specific page>.md`
 1. Run site locally to preview changes.
-`make site`
+`npm start`
 1. Commit, [sign-off](#commit-signing), and push changes to your remote branch.
-`git push origin <my-changes>`
+`git push <remote-name> <my-changes>`
 1. Open a pull request (in your web browser) against the repo.
 
 
-#### Tests
-Users can now test their code on their local machine against the CI checks implemented using `make run-tests`.
-
-To test code changes on your local machine, run the following command:
-```
-make run-tests
-```
-
-#### Building Docker image
-To build a Docker image of the project, please ensure you have `Docker` installed to be able to build the image. Now, run the following command to build the Docker image:
+### Build and Run Leaderboard Locally
 ```sh
-make docker
+make run
 ```
 
 ### UI Lint Rules

Makefile

@@ -1,24 +1,15 @@
-check:
-	golangci-lint run
+LEADERBOARD_DIR := leaderboard
+PORT := 3000
 
-check-clean-cache:
-	golangci-lint cache clean
+# Commands
+install:
+	@echo "Installing dependencies..."
+	cd $(LEADERBOARD_DIR) && npm install
 
-protoc-setup:
-	wget -P meshes https://raw.githubusercontent.com/layer5io/meshery/master/meshes/meshops.proto
+start:
+	@echo "Starting the site on port $(PORT)..."
+	cd $(LEADERBOARD_DIR) && npm start
 
-proto:
-	protoc -I meshes/ meshes/meshops.proto --go_out=plugins=grpc:./meshes/
+run: install start
 
-
-
-
-
-site:
-	$(jekyll) serve --drafts --livereload
-
-build:
-	$(jekyll) build --drafts
-
-docker:
-	docker run --name site -d --rm -p 4000:4000 -v `pwd`:"/srv/jekyll" jekyll/jekyll:4.0.0 bash -c "bundle install; jekyll serve --drafts --livereload"
+.PHONY: install start run

leaderboard/.env

@@ -0,0 +1 @@
+REACT_APP_BASE_URL=https://discuss.layer5.io/

leaderboard/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

leaderboard/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "lf",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "singleQuote": true
+}

leaderboard/README.md

@@ -0,0 +1,28 @@
+## Clone the Repository and Install Dependencies
+
+To get started with your React application:
+
+1. **Clone the Repository**:
+
+   ```shell
+   https://github.com/layer5io/discuss-board
+   ```
+
+2. **Navigate to the project directory:**
+   ```shell
+   cd leaderboard
+   ```
+3. **Set Up Environment Variables:** Create a .env file in the root directory of your project and add any necessary environment variables. For example:
+
+   ```
+   REACT_APP_BASE_URL=https://discuss.layer5.io/
+   ```
+
+4. **Install dependencies using Yarn:**
+   ```shell
+   yarn install
+   ```
+5. **Running the Application:**
+   ```shell
+   yarn start
+   ```

leaderboard/_ redirects

@@ -0,0 +1 @@
+/*    /index.html   200

leaderboard/craco.config.ts

@@ -0,0 +1,25 @@
+import path from 'path';
+
+module.exports = {
+  webpack: {
+    alias: {
+      '@components': path.resolve(__dirname, 'src/components'),
+      '@assets': path.resolve(__dirname, 'src/assets'),
+      '@constants': path.resolve(__dirname, 'src/constants'),
+      '@config': path.resolve(__dirname, 'src/config'),
+      '@pages': path.resolve(__dirname, 'src/pages'),
+      '@store': path.resolve(__dirname, 'src/store'),
+      '@hooks': path.resolve(__dirname, 'src/hooks'),
+      '@utils': path.resolve(__dirname, 'src/utils'),
+      '@features': path.resolve(__dirname, 'src/features'),
+      '@providers': path.resolve(__dirname, 'src/providers'),
+      '@types': path.resolve(__dirname, 'src/types'),
+    },
+    style: {
+      postcss: {
+        plugins: [require("tailwindcss"), require("autoprefixer"), require('postcss')],
+      },
+    },
+  },
+
+};