\documentclass[titlepage]{article}[8pt]
\usepackage[utf8]{inputenc}
\usepackage{geometry}
\geometry{ portrait, margin=0.8in}
\usepackage{silence}
\usepackage{csquotes}
\usepackage{graphicx}
\usepackage{float}
\WarningFilter{latex}{Command \InputIfFileExists}
\usepackage{multicol}
\usepackage{natbib}

\font\myfont=cmr12 at 48pt
\title{{\textbf{\myfont{PlacementExperience}\\}}{SOFTWARE LAB PROJECT}\\{INDIAN INSTITUTE OF TECHNOLOGY, BOMBAY}}
\author{ \textbf{Anurag Kumar Karn}\\203050006\\\textbf{Bandapalli Saikumar}\\203050095\\\textbf{Kunal Krishna}\\203050023\\\textbf{Priyesh Jain}\\203050064 }
\date{27th November, 2020}


\begin{document}

\maketitle

%\begin{multicols}{2}
\section{Introduction}

Placement Experience as the name suggests is place to share your placement experience and view others’ experiences as well.

It is a website designed exclusively for IIT,Bombay students to view stories of their seniors and to as they move on pass their experience to their fellow juniors. You can sort the stories by the name of the company to view. You can also update any stories you have written.



\section{Motivation}

Juniors may not know about the percentage cut off / avg. percentage for placements. By knowing the seniors cut-off percentages juniors can get some idea about cut-offs. Students can choose courses accordingly in semester.We faced this kind of issues in our B.Tech placements. To overcome this situation we come up with this website.

Given the online semester it has been difficult for students to interact with seniors and gather their first-hand interview experiences.There should be a single place where all this data be available and a student could query about preparation tips.

A responsive webapp to view the stories and share your own.

\section{Using PlacementExperience}

\subsection{Setting up server}

Download and Install Xampp server from https://www.apachefriends.org/download.html

\subsubsection{Linux Users}
\begin{enumerate}
    \item Git clone the project. Paste the 'PlacementExperience' folder in 'htdocs' folder ('htdocs' will be present in /opt/lampp/htdocs ).
    \item Start the server by writing 'sudo /opt/lampp/lampp start' in the terminal.
\end{enumerate}

\subsubsection{Windows Users}
\begin{enumerate}
    \item Git clone the project. Paste the 'PlacementExperience' folder in 'htdocs' folder ('htdocs' will be present in C:\textbackslash Program Files\textbackslash xampp ).
    \item Go to the location where you installed Xampp (usually C:\textbackslash Program Files\textbackslash xampp) and double click on Xampp Control Panel (xampp-control.exe)
    \item Click on Start buttons next to Apache and MySQL for starting them.
\end{enumerate}

\subsection{Creating Database}
\begin{enumerate}
    \item Open http://localhost/phpmyadmin/ in browser.
    \item In the Databases tab, under 'Create database' enter Database name 'webpage' and click Create.
    \item In the Structure tab, create table 'student' with 7 columns. Enter the following details in table:\\
        \begin{tabular}{ |p{2.5cm}|p{2cm}|p{2cm}|p{4cm}|p{1cm}|p{1cm}|  }
         \hline
         \textbf{Name} & \textbf{Type} & \textbf{Length} &	\textbf{Default} & .... & \textbf{A\_I}\\
         \hline
        id & int & & & & [check]\\
    	name & varchar & 255 & & &\\
    	roll & varchar & 255 & & &\\
    	email & varchar & 255 & & &\\
    	branch & varchar & 255 & & &\\
    	password & varchar & 255 & & &\\
    	created\_at & datetime & & CURRENT\_TIMESTAMP & &\\
         \hline
        \end{tabular}
    \item Create another table 'posts' with 11 columns. Enter the following details in table:\\
        \begin{tabular}{ |p{2.5cm}|p{2cm}|p{2cm}|p{4cm}|p{1cm}|p{1cm}|  }
         \hline
         \textbf{Name} & \textbf{Type} & \textbf{Length} &	\textbf{Default} & .... & \textbf{A\_I}\\
         \hline
        id & int & & & & [check]\\
        student\_id	 & int & & & &\\
    	name & varchar & 255 & & &\\
    	roll & varchar & 255 & & &\\
    	email & varchar & 255 & & &\\
        coursetaken & varchar & 255 & & &\\
    	comapnyname & varchar & 255 & & &\\
    	roundprovided & varchar & 255 & & &\\
    	roundcleared & varchar & 255 & & &\\
    	story & varchar	& 2000 & & &\\
    	created\_at & datetime & & CURRENT\_TIMESTAMP & &\\
         \hline
         \end{tabular}
    \item The database is created. To view the entires click on the 'Browse' tab.
\end{enumerate}

\subsection{Accessing the website}
To access the website open the web browser and go to "http://localhost/PlacementExperience".

\subsection{Navigating through website}

\subsubsection{Register}

Register yourself using 'Sign Up' option. Then login with the email and password

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{login.png}
\end{figure}

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{signup.png}
\end{figure}

\subsubsection{See the posts}
Scroll down in the homepage to a card called 'See the posts' to view the posts.

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{mainpage.png}
\end{figure}

In the post page use can use the search bar on top-right to filter out posts using company name.

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{posts.png}
\end{figure}

\subsubsection{Share your Experience}

The card called 'Share your Experience' takes you to a form to enter your interview experience and some additional details.

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{mainpage.png}
\end{figure}

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{exp_form.png}
\end{figure}

\subsubsection{Profile}

Profile page lets you see your profile and the posts you have submitted. It also provides options to update and delete the posts.

\begin{figure}[H]
\centering
\includegraphics[width=0.7\columnwidth]{profile.png}
\end{figure}

\section{Future Scope}

The project filters the posts only by company name. More and more filters could be added and their names in form and database accordingly. With all the numerical data on cut-offs and number of selected students statistical graphs and pie-chart can be plotted on year-wise basis. A discussion forum and a comment section under the post could be added so the students can communicate. 

\end{document}
