Merge pull request #64 from SE10-IJSE/development

Complete SE10 Social Network Frontend implementation and optimization

.gitignore

@@ -0,0 +1,2 @@
+/.idea/
+/.vscode/

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.
+

README.md

@@ -0,0 +1,204 @@
+<a id="readme-top"></a>
+
+[![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]
+
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+  <a href="https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND">
+    <img src="/assets/icons/readmeIcon/SE10-Readme-Logo.png" alt="SE10 Logo" width="90" height="90">
+  </a>
+
+  <h2 align="center">SE10 NETWORK FRONTEND</h2>
+
+  <p align="center">
+    Welcome to the <strong>SE10 NETWORK</strong> frontend repository! This frontend application serves as the user interface for a social media platform specifically designed for students of <strong>IJSE</strong> (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.
+    <br />
+    <a href="https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND"><strong>Explore the project »</strong></a>
+    <br />
+    <br />
+    <a href="https://www.figma.com/design/5PdKIjEzJCegZ8EMcPSQxw/SE10---Galle-Branch?node-id=1669-162202&node-type=canvas&t=7zzsFOiX0p3oQuxe-0">View Design</a>
+    ·
+    <a href="https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/issues/new?labels=bug">Report Bug</a>
+    ·
+    <a href="https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/issues/new?labels=enhancement">Request Feature</a>
+  </p>
+</div>
+
+
+<!-- TABLE OF CONTENTS -->
+<details>
+  <summary>Table of Contents</summary>
+  <ol>
+    <li>
+      <a href="#about-the-project">About The Project</a>
+      <ul>
+        <li><a href="#built-with">Built With</a></li>
+      </ul>
+    </li>
+    <li>
+      <a href="#getting-started">Getting Started</a>
+      <ul>
+        <li><a href="#prerequisites">Prerequisites</a></li>
+        <li><a href="#installation">Installation</a></li>
+      </ul>
+    </li>
+    <li>
+      <a href="#api-documentation">API Documentation</a>
+    </li>
+    <li>
+      <a href="#figma-design">Figma Design</a>
+    </li>
+    <li>
+      <a href="#backend-repository">Backend Repository</a>
+    </li>
+    <li><a href="#top-contributors">Top contributors</a></li>
+    <li><a href="#license">License</a></li>
+  </ol>
+</details>
+
+
+
+<!-- ABOUT THE PROJECT -->
+## About The Project
+
+<!--![Home Page](https://github.com/user-attachments/assets/628d89d3-e795-46ec-aac5-432a984ce637)-->
+![Desktop - 1](https://github.com/user-attachments/assets/d1e909a3-f3fd-4338-8a0e-4abb1cdf9451)
+
+
+
+**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.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+### 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]
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<!-- GETTING STARTED -->
+## 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
+   ```
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+## 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).
+
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+## Top contributors:
+
+<a href="https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=SE10-IJSE/SE10-NETWORK-FRONTEND" alt="contrib.rocks image" />
+</a>
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+<!-- LICENSE -->
+## License
+
+Distributed under the MIT License. See [LICENSE](LICENSE) for more information.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+## 
+
+<p align="center">
+  &copy; 2024 SE10 NETWORK
+</p>
+
+<!-- MARKDOWN LINKS & IMAGES -->
+<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
+[contributors-shield]: https://img.shields.io/github/contributors/SE10-IJSE/SE10-NETWORK-FRONTEND.svg?style=for-the-badge
+[contributors-url]: https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/graphs/contributors
+[closed-pull-requests-shield]: https://img.shields.io/github/issues-pr-closed/SE10-IJSE/SE10-NETWORK-FRONTEND.svg?style=for-the-badge
+[closed-pull-requests-url]: https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/pulls?q=is%3Apr+is%3Aclosed
+[stars-shield]: https://img.shields.io/github/stars/SE10-IJSE/SE10-NETWORK-FRONTEND.svg?style=for-the-badge
+[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
+[issues-shield]: https://img.shields.io/github/issues/SE10-IJSE/SE10-NETWORK-FRONTEND.svg?style=for-the-badge
+[issues-url]: https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/issues
+[license-shield]: https://img.shields.io/github/license/SE10-IJSE/SE10-NETWORK-FRONTEND.svg?style=for-the-badge
+[license-url]: https://github.com/SE10-IJSE/SE10-NETWORK-FRONTEND/blob/main/LICENSE
+[HTML.com]: https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white
+[HTML-url]: https://developer.mozilla.org/en-US/docs/Web/HTML
+[CSS.com]: https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white
+[CSS-url]: https://developer.mozilla.org/en-US/docs/Web/CSS
+[JavaScript.com]: https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black
+[JavaScript-url]: https://developer.mozilla.org/en-US/docs/Web/JavaScript
+[Axios.com]: https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white
+[Axios-url]: https://axios-http.com/
+[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
+[Bootstrap-url]: https://getbootstrap.com
+[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
+[JQuery-url]: https://jquery.com