diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d0038b5
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/.idea/
+/.vscode/
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..060fe9f
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,34 @@
+# Code of Conduct for SE10 Social Media Site
+
+## 1. Respect and Inclusion
+- **Respect Everyone:** Treat all team members with respect. Understand that everyone comes from different backgrounds and experiences.
+- **No Discrimination:** Discrimination based on race, gender, religion, sexual orientation, or any other personal attribute will not be tolerated.
+- **Inclusive Environment:** Foster an inclusive environment where everyone feels comfortable to share ideas and contribute.
+
+## 2. Collaboration and Communication
+- **Effective Communication:** Maintain open and clear communication with your team members. Use designated communication channels (e.g., Discord, Google Meet) for project-related discussions.
+- **Constructive Feedback:** Provide feedback that is constructive and aimed at improving the project. Avoid personal attacks or unproductive criticism.
+- **Active Participation:** Participate actively in meetings and discussions. Make sure your contributions are timely and relevant.
+
+## 3. Responsibility and Accountability
+- **Meet Deadlines:** Complete your tasks on time. If you foresee a delay, communicate it early and seek help if needed.
+- **Ownership:** Take ownership of your work. If you encounter a problem, attempt to solve it but don’t hesitate to ask for assistance.
+- **Reliable Contributions:** Ensure that the code and features you contribute are well-tested and documented.
+
+## 4. Ethical Coding Practices
+- **Original Work:** Only contribute original work or properly attributed open-source code. Do not plagiarize or use code that violates copyright.
+- **Best Practices:** Follow coding best practices such as code reviews, writing clean code, and adhering to project conventions and standards.
+- **Security Awareness:** Ensure that your contributions do not introduce security vulnerabilities. If you find a security issue, report it immediately to the project leaders.
+
+## 5. Conflict Resolution
+- **Address Issues Early:** If a conflict arises, address it as soon as possible through open discussion. Try to resolve conflicts with mutual respect and understanding.
+- **Escalation:** If a conflict cannot be resolved within the team, escalate it to the project leaders or instructors for mediation.
+
+## 6. Learning and Growth
+- **Continuous Learning:** Take this project as an opportunity to learn and grow. Share knowledge and resources with your peers.
+- **Mentorship:** Support and mentor less experienced team members when possible. Encourage a learning atmosphere where everyone can grow.
+
+## 7. Consequences
+- **Violations:** Any violation of this Code of Conduct may result in a discussion with the project leaders or instructors. Repeated violations may result in reduced project contributions, grade penalties, or removal from the project.
+- **Appeal:** If you feel that any action taken against you is unjust, you have the right to appeal to the instructors.
+
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..f8e35a1
--- /dev/null
+++ b/README.md
@@ -0,0 +1,204 @@
+
+
+[![Contributors][contributors-shield]][contributors-url]
+[![Closed Pull Requests][closed-pull-requests-shield]][closed-pull-requests-url]
+[![Stargazers][stars-shield]][stars-url]
+[![Issues][issues-shield]][issues-url]
+[![MIT License][license-shield]][license-url]
+
+
+
+
+
+ Welcome to the SE10 NETWORK frontend repository! This frontend application serves as the user interface for a social media platform specifically designed for students of IJSE (Institute of Software Engineering). It enables students to create and share posts, view updates from others, and receive notifications about important events like birthdays and
+campus-related activities.
+
+ Explore the project »
+
+
+ View Design
+ ·
+ Report Bug
+ ·
+ Request Feature
+
+
+
+
+
+
+
+## About The Project
+
+
+
+
+
+
+**User Interface**:
+ - Clean and responsive interface built with **HTML**, **CSS**, and **Bootstrap**.
+ - Dynamic elements for user interaction powered by **JavaScript** and **JQuary**.
+
+**Post Management**:
+ - Users can create, view, and delete posts.
+ - Live updates of posts for a seamless user experience.
+
+**Notifications**:
+ - Birthday reminders and event notifications.
+ - Visual indicators for new updates.
+
+**Axios Integration**:
+ - Used for communicating with the backend API to handle requests and responses.
+
+
+
+
+
+### Built With
+
+This project was developed using a variety of modern web technologies and libraries to ensure a responsive and dynamic user experience.
+
+* [![HTML][HTML.com]][HTML-url]
+* [![CSS][CSS.com]][CSS-url]
+* [![JavaScript][JavaScript.com]][JavaScript-url]
+* [![JQuery][JQuery.com]][JQuery-url]
+* [![Axios][Axios.com]][Axios-url]
+* [![Bootstrap][Bootstrap.com]][Bootstrap-url]
+
+
+
+
+
+
+## Getting Started
+
+Follow these steps to set up the project locally and get it running on your machine. The instructions will guide you through the process of cloning the repository, installing dependencies, and configuring any required settings.
+
+### Prerequisites
+
+Before setting up the project, make sure you have the following tools and libraries installed or configured as needed:
+
+* **Axios**
+ Axios is already included in the project. No additional installation is required.
+
+* **Bootstrap**
+ Bootstrap has already been downloaded and set up for the project.
+
+
+### Installation
+
+Follow these steps to install and set up the project on your local machine:
+
+1. **Clone the repository**
+ ```sh
+ git clone https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND.git
+
+2. Change git remote url to avoid accidental pushes to base project
+ ```sh
+ git remote set-url origin github_username/repo_name
+ git remote -v # confirm the changes
+ ```
+
+
+
+
+## API Documentation
+
+Refer to the [Postman API Documentation](https://documenter.getpostman.com/view/39303999/2sAY4sjQPn) for detailed API endpoints and usage instructions.
+
+## Figma Design
+
+Check out the Figma design for the frontend [here](https://www.figma.com/design/5PdKIjEzJCegZ8EMcPSQxw/SE10---Galle-Branch?node-id=1669-162202&node-type=canvas&t=7zzsFOiX0p3oQuxe-0).
+
+## Backend Repository
+
+Access the backend repository on GitHub [here](https://github.com/SE10-IJSE/SE10-NETWORK-BACKEND).
+
+
+
` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: var(--#{$prefix}heading-color);\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 2. Add explicit cursor to indicate changed behavior.\n// 3. Prevent the text-decoration to be skipped.\n\nabbr[title] {\n text-decoration: underline dotted; // 1\n cursor: help; // 2\n text-decoration-skip-ink: none; // 3\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n color: var(--#{$prefix}highlight-color);\n background-color: var(--#{$prefix}highlight-bg);\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, 1));\n text-decoration: $link-decoration;\n\n &:hover {\n --#{$prefix}link-color-rgb: var(--#{$prefix}link-hover-color-rgb);\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: var(--#{$prefix}code-color);\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `
` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`
+
+
+