final phase

.vscode/c_cpp_properties.json

@@ -0,0 +1,21 @@
+{
+    "configurations": [
+        {
+            "name": "Win32",
+            "includePath": [
+                "${workspaceFolder}/**"
+            ],
+            "defines": [
+                "_DEBUG",
+                "UNICODE",
+                "_UNICODE"
+            ],
+            "windowsSdkVersion": "10.0.19041.0",
+            "compilerPath": "C:/Program Files (x86)/Microsoft Visual Studio/2019/BuildTools/VC/Tools/MSVC/14.29.30133/bin/Hostx64/x64/cl.exe",
+            "cStandard": "c17",
+            "cppStandard": "c++17",
+            "intelliSenseMode": "windows-msvc-x64"
+        }
+    ],
+    "version": 4
+}

.vscode/settings.json

@@ -1,3 +1,6 @@
 {
-    "editor.formatOnSave": true
+    "editor.formatOnSave": true,
+    "files.associations": {
+        "iostream": "cpp"
+    }
 }

Jenkinsfile

@@ -1,17 +1,10 @@
 pipeline {
 	agent any
 	stages {
-		stage('Docker') {
-			environment {
-				REACT_APP_BASE_URL = credentials('BASE_URL')
-    		}
-            steps {
-				sh  '''
-					cd reddit-front
-					echo REACT_APP_BASE_URL=$REACT_APP_BASE_URL > .env
-					docker-compose -p 'phase2' up --build -d
-					'''
-            }
+		stage ('Starting Devops job') {
+			steps {
+		    		build job: 'devops-repo'
+			}
 		}
 	}
 }

README.md

@@ -1,3 +1,120 @@
-# Frontend
+<header style="display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid white;margin-bottom: 35px">
+<h1 style="text-align: center; font-weight:700"> RedditXClone </h1>
 
-This repository is made for frontend subteam which are responsible for developing the website's frontend of the Reddit Clone.
+<div style="margin-bottom: 10px">
+    <img src="./reddit-front/readme_images/reddit.png" >
+</div>
+<div>
+</div>
+</header>
+<div>
+    <h1 style="font-weight:700;">Introduction</h1>
+      <p style="font-size:18px;">This is our whole clone for <a href="https://swproject.demosfortest.com/">Reddit </a>social media website. This work starts in October 2022.</p>
+
+
+</div>
+
+<div style="border-bottom: 1px solid white; margin-bottom: 10px">
+    <h1 style="font-weight:700;">Technologies</h1>
+      <ul>
+        <li style="font-size: 15px;"><a href="https://reactjs.org/">React v18.2.0</a></li>
+        <li style="font-size: 15px;"><a href="https://mui.com/">Material UI</a> for existing components and some animations.</li>
+        <li style="font-size: 15px;"><a href="https://react-icons.github.io/react-icons/search">React-icons</a> Library for icons as components</li>
+        <li style="font-size: 15px;"><a href="https://redux-toolkit.js.org/">Redux-Toolkit</a> For saving every thing related to the current user</li>
+        <li style="font-size: 15px;"><a href="https://draftjs.org/">Draft-js</a> For creating a post editor</li>
+        <li><a href="https://www.npmjs.com/package/draft-js-export-markdown">draft-js-export-markdown</a> For converting the editor state to markdown text</li>
+        <li><a href="https://www.npmjs.com/package/draft-js-import-markdown">draft-js-import-markdown</a> For converting the readme text to the  state to markdown text</li>
+         <li><a href="https://www.npmjs.com/package/react-google-login">React-Google-login</a> For continue with Google feature</li>
+        <li><a href="https://jsdoc.app/">JsDoc</a> For functional documentation</li>
+      </ul>
+
+
+</div>
+
+<div>
+    <h1 style="font-weight:700;">Features</h1>
+      <ul>
+        <li style="font-size: 15px;">Login</li>
+      <li style="font-size: 15px;">Sign Up</li>
+      <li style="font-size: 15px;">Forget username</li>
+      <li style="font-size: 15px;">Forget userpassowrd</li>
+      <li style="font-size: 15px;">Continue with Google</li>
+      <li style="font-size: 15px;">Home Page</li>
+      <li style="font-size: 15px;">Subreddit Page</li>
+      <li style="font-size: 15px;">Search</li>
+      <li style="font-size: 15px;">Create Post</li>
+      <li style="font-size: 15px;">Create subreddit</li>
+      <li style="font-size: 15px;">Post full page</li>
+      <li style="font-size: 15px;">send private message</li>
+      </ul>
+
+</div>
+
+
+
+<div>
+    <h1 style="font-weight:700;">Installation</h1>
+    <p>
+        Start with the packages put in packages.json, then run the following command. 
+        <code>npm i</code>
+        <p>
+            if you faced a problem with the previous command try using legacy or force
+        </p>
+    </p>
+
+</div>
+
+<div>
+    <h1 style="font-weight:700;">Show Case</h1>
+      <ul>
+        <li style="font-size: 15px;">
+            <h3>Home page</h3>
+             <img src="./reddit-front/readme_images/home_page.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Login</h3>
+             <img src="./reddit-front/readme_images/login.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Sign Up</h3>
+        <img src="./reddit-front/readme_images/sign_up.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Continue With Google</h3>
+        <img src="./reddit-front/readme_images/google.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Create subreddit and subreddit page</h3>
+            <img src="./reddit-front/readme_images/cs.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Create text Post and Post Page</h3>
+            <img src="./reddit-front/readme_images/cp_text.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Create Post with images and Post Page</h3>
+            <img src="./reddit-front/readme_images/cp_images.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Search</h3>
+            <img src="./reddit-front/readme_images/search.gif">
+        </li>
+        <li style="font-size: 15px;">
+            <h3>Send private message</h3>
+            <img src="./reddit-front/readme_images/mess.gif">
+        </li>
+      </ul>
+
+
+</div>
+
+<div>
+    <h1 style="font-weight:700;">Future Features</h1>
+    <ul>
+        <li style="font-size: 15px;">Profile Page</li>
+      <li style="font-size: 15px;">Notifications</li>
+      <li style="font-size: 15px;">Messages</li>
+      <li style="font-size: 15px;">Moderation tools</li>
+    </ul>
+
+</div>