Social Sync 🫀

SocialSync is a web platform that integrates psychology into web design while offering mental health support. It provides resources for designers and developers to understand cognitive principles and create user-friendly websites. Additionally, it enables users to book appointments with psychologists and mental health experts, promoting awareness and access to mental well-being resources.

Features ⭐

• Mental Health Articles : Access a curated library of articles on various mental health topics to enhance awareness and well-being.

• Appointment Booking : Schedule sessions with licensed psychologists, therapists, and mental health experts seamlessly.

• Testimonial Section : Read inspiring success stories and experiences shared by individuals who have benefited from mental health services.

• Specialized Mental Health Services : Explore tailored support for anxiety, stress, relationship counseling, and other specific needs.

• Resources for Web Designers : Learn about cognitive principles in web design through case studies, quizzes, and practical examples to create effective, user-centered designs.

Tech Stack Used 💻

• HTML: The backbone of the platform, structuring the content and layout.
• CSS: For styling and enhancing the visual appeal of the platform.
• SCSS: Simplifies and organizes the styling process with advanced features like nesting and variables.
• JavaScript: Adds interactivity and dynamic functionality to the platform.
• Bootstrap: A responsive framework to ensure consistent and mobile-friendly designs.

Getting Started 🚀

Prerequisites

Before running this project, make sure you have the following:

Web Browser

• Any modern web browser like Google Chrome, Firefox, or Edge.

Code Editor

• Install a code editor like VS Code to edit the project files.

Git

• Install Git to clone this repository.

Live Server (Optional)

• If you want to use Live Server in VS Code for a live preview, install the extension from here.

How to Run Locally

Follow these steps to set up and run the SocialSync project on your local machine:

Clone the Repository

https://github.com/ThunderShadows/SocialSync.git
cd SocialSync

How to Open the Project Locally

Without Live Server:

• Open the index.html file directly in your preferred web browser.

With Live Server (Optional):

• If you're using VS Code and have installed the Live Server extension, right-click on index.html and select "Open with Live Server". This will open the project in your default browser with live reloading.