the-mindspace / mindspace-web

MindSpace

MindSpace

Welcome to MindSpace, the mental health web app that helps you find peace of mind, one space at a time.

About

MindSpace is a web app that aims to improve access to mental health resources and support, particularly for those who may not have the means or ability to attend in-person appointments. The app includes functionality for mental health resources such as support groups, therapy options, and crisis hotlines.

Future Plans

In the future, we plan to integrate with wearable devices to track physical activity and sleep patterns, provide a personalized dashboard to track mental health progress and set goals, and offer real-time chat or video conferencing with mental health professionals. We also plan to add a notification system for medication reminders and appointment scheduling.

Getting Started

For the quick start, you can follow the steps below:

1. Star this repository.
2. Fork this repository.
3. Clone the forked repository.

git clone https://github.com/<your-github-username>/MindSpace-Web

3. Navigate to the project directory.

cd MindSpace-Web

4. Create a new branch.

git checkout -b <your_branch_name>

Run the following command to install the required dependencies.

1. Open the live server

2. Contribute

3. Stage your changes and commit

git add -a

git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

git push -u origin <your_branch_name>

8. Create a Pull-Request to master.

9. Congratulations! 🎉 you've made your contribution to MindSpace-Web.

License

MindSpace is licensed under the CC0 1.0 Universal License. See the LICENSE file for more details.

Issues & Pull Requests

Before making pull requests please look at our contributing guidelines (coming soon). You can start working on the issue which are mentioned in issues section. Just drop a comment before working on the issue. Thank you!

License & Copyright

The code is this repo is licensed under the CC0 1.0 Universal License. Feel free to use and share it as per the license.

✨ Contributors

mindspace-web's Issues

adding sign up and sign in form.

Describe the feature
I would like to add a sign-up and sign-in form. @TeeWrath I want to work on this issue can you please assign it to me .

ADD Screenshots

like that!

Record

• I agree to follow this project's code of conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Add user profile

I want to add user profile in the right side of navbar
@TeeWrath please assign me this issue

ADDING NEW FEATURES TO WATCH VIDEOS THAT PROVIDE PEACE

***FEATURES TO ADD ****
1.Add video like motivational video etc .

Fix responsive

Not responsive for smaller devices. I can make it responsive please assign it to me under SWOC.

Re Design The About Us Section

I would Like to update The About Us Section To Look Better according To The Project Theme with Adding Animations

Books Section

• Find a better way to depict books in Books Section
• Work on responsiveness
• add animations

Redesigning the entire landing page of the website-MindSpace-Web (UX/UI Designing)

I would like to redesign the MindSpace-Web's landing page to enhance user experience, align with modern design trends, and boost brand presence. The goals include user-centric design, brand enhancement, mobile responsiveness and performance improvement.
Changes encompass a refined color palette, modern typography, engaging imagery, simplified navigation, strategic call-to-action elements, and mobile optimization.
The objective is to create a visually appealing, intuitive, and high-performing landing page that elevates MindSpace's online presence and user engagement.

[BUG]: Problem in two buttons in header section of homepage

Describe the bug
In the topmost part of the homepage there are 6 buttons and 2 of them has some issue which can be fixed.
The "location" and "solutions" button opens up when hovered over but conveniently that should not happen. The content of these buttons should only be opened when clicked to reduce the inconvenience.

Reproduce the bug

1. Go to homepage
2. Go the topmost section of homepage
3. Hover over "location" and "solutions"

Expected Behavior
Contents of these buttons should only be opened when clicked upon.

Screenshot

Contents of these buttons should only be opened when clicked not when hovered.

Screen recording

2023-12-30.13-21-58.mp4

Adding the about us page

The About Us page is missing in the website. It will have some graphics and informative text about the website and its developers.

Adding Hover To NavBar Section

I would Like To Add Hover To The NavBar Section

Mind Space Is Not Responsive For Phone View

I would Like To Make It Responsive According To Phone View

Bug Padding/margin issue in navbar dashboard.html

should be a quick padding/margin css fix
please assign me

Adding Bootstrap to enhance the look and feel of the website.

I want to introduce enhancement by adding bootstrap to the project, which can open various UI scopes for the website, making it easy to design and work on.

Changes after adding bootstrap:-

1. Better UI reusable components to make it look good.
2. Multi-device responsiveness.
3. Clean UI.
4. Getting functionality like toggle menu, dropdown, etc

It will boost the performance of the website.

• I follow the project's code of conduct.
• I'm SWOC 24 contributor.
• I'm willing to work on this enhancement, while keeping the theme and content untouched.

changes in navbar

I want to fix the following issues in navbar @TeeWrath please assign me.

1. layout of navbar.
2. spacing between list items.
3. In the right side of navbar can we show user profile.
4. make a responsive for mobile and iPad device.
5. font-family should have to change,

Improve the Hero Section

Improvement of the hero section

@TeeWrath can you assign this issue to me under SWOC

Smooth Scroll Effect

• Add Smooth Scroll Effect when surfing the website though navbar.

Creating a feedback section

To add a feedback section to enhance user experience. it is placed at the end above the footer section. It will have some input fields and a submit button.

BETTER WAY TO DEPICT ARTICLE IN ARTICLE SECTION

Talks Section

• Find a better way to depict Talks in Talks and Conf Section
• Add talk names and images too.
• Work on responsiveness
• add animations

Back To Top Button

Adding Back To Top Button According To The Project Theme.

Button and Footer Issue

This button is not visible clearly

This footer is not fixed and need some CSS

Please assign this issue to me.. I will fix it really really soon

Fix Navbar list item order

Add Feedback page for user insights

Designing a user feedback form for a mental health web app requires sensitivity and consideration for the users' emotional well-being.
Here's a sample how I will create:

User Feedback Form for MindSpace

Thank you for using MindSpace. We value your feedback and are committed to creating a supportive and effective platform. Your insights will help us enhance our services.

1. General Information: Name (Optional), Email (Optional)

2. Feedback Type:
   Please select the type of feedback you would like to provide:

• Bug Report
• Suggestion
• Positive Feedback/Testimonial
• Other (Please Specify):

3. User Experience:
   Please share your thoughts on the overall user experience of the app.

• What features do you find most helpful?
• Is there anything about the app that you find confusing or difficult to use?

4. Content and Resources:
   How do you feel about the content and resources provided on the app?

• Have you found the information and resources helpful for your mental health?
  [Radio Buttons: Yes / No / Not Sure]

• Is there specific content or resources you would like to see more of?

5. Emotional Impact:
   If you are comfortable, please share how using the app has affected your mental well-being.

• Has the app positively impacted your mental health? If so, how?
• Do you have any concerns about the emotional impact of the app?

6. Suggestions and Improvements:
   Please provide any suggestions or ideas for improving the app.

• What additional features or tools would you like to see?

• Are there any improvements you think could enhance the overall user experience?

7. Additional Comments:
   Is there anything else you would like to share with us?

8. Permission to Contact (Optional):

May we contact you to follow up on your feedback?

• Yes, you may contact me.
• No, please do not contact me.

9. Submit Your Feedback:
   Click the button below to submit your feedback.

[Submit Button]

@TeeWrath Please consider this issue assigning to me.

Improve the Responsiveness of the hero section

@TeeWrath can you assign this issue to me under SWOC

Find a better way to represent the application in the Applications Section

• Change the circular Design in which apps are depicted and find a better way to depict them.
• Work on its responsiveness
• suggest animations for this section too.

Adding button to change the mode-Light mode and Dark mode

@TeeWrath I would like to add a toggle button for light and dark mode in the website. Kindly assign me to work on this issue under SWOC.

Footer

• Find a better way to depict Footer
• Work on responsiveness
• add animations

Feature: Add a Discussion Forum

Add a Discussion Forum to Let Users Help Each Other with Mental Health Struggles.

Improving the Responsiveness of Nav Bar

@TeeWrath I would like to improve the responsiveness of the navigation bar of the website by adding a hamburger menu. Kindly assign me to work on this issue under SWOC S4.

Adding Animation To All Section In order to Details Visible

I would Like To Add Animation To All Of The Section Elements If Someone One Can Able to see Which Circle Is For What according To The Project Theme.

Responsiveness Fix [BUG].

Kindly assign me this issue under SWOC24 @TeeWrath

Add Guidelines for Contributors section to README

Hey ,I'm excited to be contributing to this project! I noticed the README doesn't currently have a section specifically outlining Guidelines for Contributors. Creating this section could be highly beneficial for both new and experienced contributors, enhancing the overall contribution experience.

I propose we add a "Guidelines for Contributors" section to the README. This section would provide valuable information such as :

• General guidelines
• Contribution types: Clarifying what types of contributions are welcome (bug fixes, features, documentation improvements, etc.)
• Formatting and style guide: Providing guidelines for code style, documentation formatting, and commit messages

if it is an acceptable change , could you please assign it to me ?
Thank you🙂

Fixed syntax error and added favicon

So the project was missing a favicon which I added in my PR

Also there was a missing ul closing tag in the index.html

Please review my PR since I fixed both of these issue and mark it under SWOC24 label

Enhancement: Improve UI Elements (Navbar, Footer, Grid Items) and Implement Responsiveness in the Home Page

Navbar:

The current navbar has a wide layout, impacting user-friendliness. The goal is to enhance the navbar's design to be more user-friendly and visually appealing. Consider adjusting the width, optimizing menu items, and ensuring a responsive design for various screen sizes.
Footer:

Responsiveness:
Enhance the responsiveness of the footer to ensure it adapts seamlessly across different devices. This includes tablets, mobile phones, and various desktop screen sizes.

Social Links:
Integrate social links into the footer for a more comprehensive user experience. Include icons and links to relevant social media profiles, enhancing user engagement and connectivity.

Contact Details:
Provide clear and concise contact details in the footer, offering users easy access to relevant information. This could include email addresses, phone numbers, or other relevant contact methods.

Grid Items:

Layout Transformation:
Transform the existing grid layout from linear to circular to enhance the visual appeal and user experience. Consider circular patterns for grid items to bring a modern and stylish touch.

Stylization:
Implement additional stylization to the grid items, ensuring a cohesive and aesthetically pleasing design. This may include color adjustments, shadows, or other design elements to elevate the overall look.

Responsiveness

Ensure that all the enhancements made to the UI elements consider responsiveness across various devices. Test the changes on different screen sizes to guarantee a consistent and user-friendly experience.
Additional Notes:

Please prioritize a clean and minimalist design for improved user readability.
Consider using CSS media queries to handle responsiveness efficiently.
Test the changes across popular browsers to ensure cross-browser compatibility.

Acceptance Criteria:

Navbar is user-friendly, with optimized width and responsiveness.
Footer adapts seamlessly to various screen sizes, includes social links, and provides clear contact details.
Grid items display in a circular layout with enhanced stylization.
The entire UI maintains responsiveness across different devices.

ASSIGN THIS ISSUE TO ME UNDER #Swoc

Favicon Icon

I would Like To Add A Favicon Icon For The MindSpace Webpage According Too The Project Theme

Articles Section

• Find a better way to depict Articles in Article Section
• Add the name of article too.
• Work on responsiveness
• add animations

Add Favicon to the Website

I want to add Favicon to the website. Please assign this issue to me @TeeWrath under SWoC'24

FIx the text effect in Home Page

• The text effect disappears after a while (the quotes)

Social media icons not redirecting

I would like to add social media icons.
@TeeWrath Please assign me this issue under SWOC.

Landing Page Is Not Responsive

I would like to update the Landing Page in Order to responsive

Syntax Error in index.html

Found this issue where ul closing tag was missing. Already solved this issue in the forked repository and reformatted the index.html with prettier extension to make it more readable for the community. Please assign this to me would like to make a pull request under SWOC24 label.

New: Stress Calming Music Section

This section provide users with a curated selection of calming and soothing music to promote relaxation, stress relief, and overall well-being. This section aims to offer users a therapeutic audio experience, leveraging the positive impact that music can have on mental health.

Key Components and Features:

1. Curated Music Selection:

   • The section includes a thoughtfully curated collection of music known for its calming and stress-relieving qualities. This may encompass various genres, such as classical, ambient, nature sounds, and mindfulness music.

2. User-Friendly Interface:

   • The user interface is designed to be intuitive and user-friendly, ensuring that users can easily navigate and explore the available music options.

3. By clicking on a particular song you can play it on spotify.

@TeeWrath Please assign this issue to me.

Smooth Scrolling Behaviour

I want to add CSS property to add smooth scrolling to enhance the UI of the website.

Smooth Scrolling in Index.html page

bandicam.2024-01-01.18-32-31-072.mp4

Bug : CSS issue on landing page "Find your space" button

Describe the bug
In the bottom half of the page, the main button is behaiving in a weird way, it keeps popping in and out

Reproduce the bug

1. Go to homepage
2. Go the bottom most section of homepage
3. Scroll down

Expected Behavior
It should just stay at its place instead of popping in and out

WhatsApp.Video.2023-12-30.at.14.23.40_4a2b9a73.mp4

Organizations Section

• Find a better way to depict orgs in Orgs Section
• Add hover effect on orgs
• cursor pointer on hover
• Work on responsiveness
• add animations

Organize HTML and CSS code for better maintainability

Hi there! I've been working on the project and noticed that the HTML and CSS code could benefit from some organization to enhance its clarity and maintainability. Here are a few suggestions:

Folder Structure

• Create separate folders for HTML (/html) and CSS (/css) files to improve navigation and separation of concerns.
• Consider subfolders within those if the site grows more complex (e.g., /css/layout, /css/components, /css/themes).

If it is an acceptable issue , could you assign it to me ?
Thank you

ADD BLOG PAGE

Adding blog page to improve the user experince.
people can read multiple blog

creating separate jvascript file for ease of handling code

creating separate jvascript file for ease of handling code. It's not easy to Implement js if projects codes get larger so it will be good choice to implement external js

UI enhancement needed

As a user if I want to use the website I cant see the thing I have to hover then it is visible for very less time, which is not good in my opinion

Assign this issue to me I'll fix this