);
}
diff --git a/src/components/leaderboard.css b/src/components/leaderboard.css
new file mode 100644
index 0000000..f7d3c03
--- /dev/null
+++ b/src/components/leaderboard.css
@@ -0,0 +1,19 @@
+html{
+ background-color: #082032;
+
+}
+
+.table{
+ background-color: white;
+ border-color: red;
+ color: #082032;
+}
+thead{
+ height: 40px ;
+}
+.tableContainer{
+ position: absolute;
+ width: 50%;
+ left: 266px;
+ top: 200px;
+}
\ No newline at end of file
diff --git a/src/components/leaderboard.jsx b/src/components/leaderboard.jsx
new file mode 100644
index 0000000..97e24ad
--- /dev/null
+++ b/src/components/leaderboard.jsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import "./leaderboard.css"
+export default function Leaderboard(){
+ // data from ranking API
+ const data = [
+ {
+ username:"Chad Amandeep",
+ level : 11,
+ points : 110
+ },
+ {
+ username:"Ajay Nath",
+ level : 5,
+ points : 50
+ },
+ {
+ username:"Patika",
+ level : 4,
+ points : 40
+ },
+ {
+ username:"KKJ the Almighty",
+ level : 1,
+ points : 0
+ }
+ ]
+ const renderUser = (user,index) => {
+ return (
+