Skip to content

Ashish-CodeJourney/ThatSocialExperiment

Repository files navigation

That Social Experiment

What Does It Mean?

We're redefining what it means to be social. In a world often disconnected, @ThatSocialExperiment stands as a beacon of hope and unity. We aim to foster meaningful connections, inspire individuals, and bring together communities for a greater purpose. Our platform is built with the vision to break barriers and create an inclusive space for personal growth and collective well-being.


Features

  • Educational Content: Articles, guides, and resources focused on mental wellness, relationships, and personal growth.
  • Support Groups: Join virtual support circles to share experiences and heal together.
  • Mindfulness Tools: Access guided meditations, mindfulness exercises, and resources for mental clarity.
  • Community Events: Participate in workshops, talks, and social gatherings that foster connection and growth.

Socials

Connect with us on the following platforms to stay updated:


Project Overview

This project is designed to provide a set of resources for growth, including educational content, support groups, mindfulness tools, and community events. The platform is built using React with a focus on accessibility, usability, and a smooth user experience.


Features and Components

  1. Responsive Layout: Fully responsive with a mobile-first design.
  2. Resource Pages: Each resource (Educational Content, Support Groups, Mindfulness Tools, Community Events) has a dedicated page.
  3. Navigation: Easy-to-use navigation with an animated header and active link highlighting.
  4. Modal: Interactive modals for detailed resource information.

Technology Stack

  • Frontend: React, TypeScript
  • Routing: React Router
  • Icons: Lucide-React
  • Animations: Custom scroll animations
  • Styling: Tailwind CSS

Setup Instructions

Prerequisites

Make sure you have the following installed:

  • Node.js (version 14 or higher)
  • npm or yarn

Steps to Run the Project Locally

  1. Clone the repository:

    git clone https://github.com/your-repo/thatsocialexperiment.git
    cd thatsocialexperiment
  2. Install dependencies: If you are using npm:

    npm install

    Or if you are using yarn:

    yarn install
  3. Run the development server:

    npm start

    Or with yarn:

    yarn start

    The app should now be live at http://localhost:3000.


Contribution Guidelines

  1. Fork this repository.
  2. Clone your fork locally.
  3. Create a new branch for each feature or bugfix.
  4. Install dependencies and run tests locally.
  5. Submit a pull request for review.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Acknowledgements

  • Inspired by the need to bridge social connections in the digital age.
  • Powered by React, Tailwind CSS, and Lucide-React.

Feel free to reach out for any further clarification or to contribute to this evolving project! Let's redefine what it means to be social, together. 💬✨