Index: .idea/.gitignore =================================================================== --- .idea/.gitignore (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ .idea/.gitignore (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ Index: .idea/finkiRanked.iml =================================================================== --- .idea/finkiRanked.iml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ .idea/finkiRanked.iml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,12 @@ + + + + + + + + + + + + Index: .idea/inspectionProfiles/Project_Default.xml =================================================================== --- .idea/inspectionProfiles/Project_Default.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ .idea/inspectionProfiles/Project_Default.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,6 @@ + + + + Index: .idea/modules.xml =================================================================== --- .idea/modules.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ .idea/modules.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,8 @@ + + + + + + + + Index: .idea/vcs.xml =================================================================== --- .idea/vcs.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ .idea/vcs.xml (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,6 @@ + + + + + + Index: ient/public/vite.svg =================================================================== --- client/public/vite.svg (revision 94dbbadd61d48ac922f0d67bdd6034549352e3fe) +++ (revision ) @@ -1,1 +1,0 @@ - Index: client/src/App.jsx =================================================================== --- client/src/App.jsx (revision 94dbbadd61d48ac922f0d67bdd6034549352e3fe) +++ client/src/App.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -1,4 +1,4 @@ import React, { useEffect, useState } from "react"; - +import LandingPage from "./LandingPage/LandingPage"; function App() { const [backendData, setBackendData] = useState([{}]); @@ -16,12 +16,5 @@ }, []); - return ( -
-

Hello world!

-
- ); + return ; } Index: client/src/LandingPage/LandingPage.jsx =================================================================== --- client/src/LandingPage/LandingPage.jsx (revision 94dbbadd61d48ac922f0d67bdd6034549352e3fe) +++ client/src/LandingPage/LandingPage.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,21 @@ +import React from "react"; +import Navbar from "./components/Navbar"; +import Hero from "./components/Hero"; +import VisionSection from "./components/VisionSection"; +import LeaderBoardEx from "./components/LeaderBoardEx"; +import Footer from "./components/Footer"; +import Intro from "./components/Intro"; +const LandingPage = () => { + return ( +
+ + + + + +
+
+ ); +}; + +export default LandingPage; Index: client/src/LandingPage/components/Footer.jsx =================================================================== --- client/src/LandingPage/components/Footer.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/Footer.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,27 @@ +import React from "react"; + +const Footer = () => { + return ( + + ); +}; + +export default Footer; Index: client/src/LandingPage/components/Hero.jsx =================================================================== --- client/src/LandingPage/components/Hero.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/Hero.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,25 @@ +import React from "react"; + +const Hero = () => { + return ( +
+
+
+
+

FINKI RANKED

+

+ Daily coding challenges and competitions for FINKI students +

+ Join now +
+
+
+ ); +}; + +export default Hero; Index: client/src/LandingPage/components/Intro.jsx =================================================================== --- client/src/LandingPage/components/Intro.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/Intro.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,33 @@ +import React from "react"; + +const Intro = () => { + return ( +
+
+ +
+

What is FINKI-Ranked?

+

+ FINKI-Ranked is a web platform where students receive a daily + task/challenge, compete to solve it, and are ranked according to the + points earned. This platform aims to develop a competitive spirit + among students, create better work habits, and develop collegiality + and communication between students. +

+

+ The goal of our application is to create a platform for programming + challenges that will allow FINKI students to solve algorithmic tasks + on a daily basis, track their progress, and compete with each other. + The application will provide easy access to challenges, automatic + evaluation of solutions, and a points and ranking system. +

+
+
+
+ ); +}; + +export default Intro; Index: client/src/LandingPage/components/LeaderBoardEx.jsx =================================================================== --- client/src/LandingPage/components/LeaderBoardEx.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/LeaderBoardEx.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,83 @@ +import React from "react"; + +const LeaderBoardEx = () => { + return ( +
+

Leaderboard

+
+ + {/* head */} + + + + + + + + + + {/* row 1 */} + + + + + + + {/* row 2 */} + + + + + + + {/* row 3 */} + + + + + + + {/* row 4 */} + + + + + + + {/* row 5 */} + + + + + + + {/* row 6 */} + + + + + + + {/* row 7 */} + + + + + + + {/* row 8 */} + + + + + + + +
NameRankPoints
1John SmithDiamond2500
2Sarah JohnsonPlatinum2300
3Michael BrownGold2100
4Emily DavisSilver1900
5David WilsonBronze1700
6Lisa AndersonBronze1500
7Robert TaylorBronze1300
8Jennifer MartinezBronze1100
+
+ +
+ ); +}; + +export default LeaderBoardEx; Index: client/src/LandingPage/components/Navbar.jsx =================================================================== --- client/src/LandingPage/components/Navbar.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/Navbar.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,27 @@ +import React from "react"; + +const Navbar = () => { + return ( +
+
+ + Logo + Logo + +
+
+ Register +
+
+ ); +}; + +export default Navbar; Index: client/src/LandingPage/components/VisionSection.jsx =================================================================== --- client/src/LandingPage/components/VisionSection.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) +++ client/src/LandingPage/components/VisionSection.jsx (revision 38bf22cd5a2a441c42bb6c3c6db82712769ca6dc) @@ -0,0 +1,26 @@ +import React from "react"; + +const VisionSection = () => { + return ( +
+
+
+

How does it work?

+

+ Every day we post a new coding problem at precisely 7am. If you have + made an account using your students email address, you get access to + the coding problem and can submit your solution. The earlier you + submit your solution, the more points you get. The less attempts you + need to solve it, the better your score will be. According to their + points, students receive one of the ten ranks and are ranked on a + leaderboard. +

+ Join now +
+ +
+
+ ); +}; + +export default VisionSection;