Skip to content

A React.Js and Firebase Web Application that lets the User to Make Appointments with a Mental Health Specialist, Chat with a Bot for basic FAQ's and Read some Articles relating to his Mental Problems..

License

Notifications You must be signed in to change notification settings

itxSaaad/mindmate-gsc23-app-react

Repository files navigation

MindMate - Google Solution Challenge 2023

A React.Js and Firebase Web Application that lets the User to Make Appointments with a Mental Health Specialist, Chat with a Bot for basic FAQ's and Read some Articles relating to his Mental Problems..


Contributors Forks Stargazers Issues MIT License LinkedIn

Live Preview Project

Live Preview

Features

  • Home Screen: Landing page with an overview of the app's features and navigation options.
  • Appointment Screen: Allows users to schedule appointments with mental health professionals or therapists using Chatbot.
  • Articles Screen: Provides access to mental health-related articles, blogs, and news.
  • Login/Register Screen: Allows users to sign in or register with their email and password or social media accounts.
  • User Profile Screen: Displays user information and allows them to edit their profiles, change their passwords, or delete their accounts.
  • Navbar and Footer Component: Navigation components that appear on all screens and allow users to access help or log out of their accounts.

Tech Stack

MindMate uses a number of open source projects to work properly:

  • [React.Js] - HTML enhanced for web apps!
  • [React Router] - A library for managing routing in React applications.
  • [Redux.Js] - A predictable state container for JavaScript apps.
  • [Firebase] - A mobile and web application development platform that provides authentication, database, and hosting services.
  • [Dialogflow] - A natural language processing platform for building chatbots.
  • [TailwindCSS] - A utility-first CSS framework for designing responsive and customizable UI components.
  • [Vite.js] - BoilerPlate for React Application

Getting Started

Prerequisites

You need to have Node.js and npm installed on your machine.

Installation

Clone the repository to your local machine and navigate to the project directory.

git clone https://github.com/itxSaaad/MindMate-GSC23.git
cd MindMate-GSC23

Install the dependencies by running the following command:

npm install

Start the development server:

npm run dev

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Project Link: hhttps://github.com/itxSaaad/MindMate-GSC23

License

MindMate is licensed under the MIT License

Support

Give ⭐️ if you like this project!

About

A React.Js and Firebase Web Application that lets the User to Make Appointments with a Mental Health Specialist, Chat with a Bot for basic FAQ's and Read some Articles relating to his Mental Problems..

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages