Team TechnoSrats - SIH Project Repository

Overview

ReachOut
ReachOut

ReachOut - An Accessible software for facilitation of various Govt. schemes for persons with disabilities
Smart India Hackathon '22 - Team TechnoSrats

Table of Contents

📝 Description

Our idea “ReachOut” aims to build a progressive web app that makes access for the specially abled to government schemes expeditious and empowers them

The key features of ReachOut:
  • Ease of Accessibility and Navigation for all types of differently abled persons
  • A single platform for all government schemes for the specially abled and their caregivers

The web-app has 3 access levels implemented

  1. User
  2. Admin (Government)
  3. Company

Flow for the User Access Level

image

Flow for the Admin Access Level (Government)

image

Flow for the Company Access Level

image

Flowcharts for the Model

WhatsApp Image 2022-08-26 at 6 13 10 AM

WhatsApp Image 2022-08-26 at 6 12 43 AM

🔗 Links

Frontend (Vercel)

Assets

Backend (Heroku)

🤖 Tech-Stack

Web Development

  • NextJS
  • Tailwind CSS

Database

  • PostgreSQL (using Supabase)

APIs

  • Hasura GraphQL API (over the Postgres DB)
  • FastAPI (for the model)

Machine Learning

  • Tensorflow (for gesture detection)
  • Gensim (for document parsing)

📈 Progress

Accessibility

  • The entire website is designed with web accessibility (a11y) and GIGW (Guidelines for Indian Government Websites) at the forefront
  • Designing web components using a color-blind friendly scheme and implemented a high-contrast UI
  • Voice and keyboard navigation
  • Speech to Text for search, forms and navigation
  • Gesture Detection for navigation
  • A full-fledged accessibility toolbar for fonts and cursors

Platform

  • A profile for every user, with Aadhar Number, Disability Certificate and Resume details required
  • Govt authorities can add the schemes for the disabled, and the disabled users can benefit from these schemes without leaving the portal
  • Companies can register their job positions, and people with special needs can apply for those jobs, Companies can hire test candidates for accessibility testing of their products
  • Map feature for locating nearby job opportunities
  • SMS Notifications and status updates for the enrolled schemes and jobs
  • Dashboard for Analyzing scheme responses and demographics
  • Backend and Database Connectivity

🔮 Future Scope

  • Complete the face ID login
  • Add E-KYC verification on the platform, and all other financial employment-related services from APISetu for streamlining the hiring process
  • Payment Gateway Integration for transparency
  • Upskilling platform based on job requirements
  • Resume Parsing (Partially Implemented)
  • Extend the built system to other aspects of the differently abled's life
  • Translation to regional languages (localization)

🔨 Impact

  • Setting the standard for accessibility on government portals by utilizing state-of-the-art accessibility features
  • Streamline the entire process for the user
  • Increase awareness by recommending schemes
  • Improve outreach and transparency of the schemes
  • Social and personal empowerment by extending the same system to private firms and NGOs
  • Enable efficient policy-making by analyzing the data and feedback provided by the platform

🛠 Project Setup

For the web-app

  1. Clone the GitHub repo
    $ git clone https://github.com/saRvaGnyA/ReachOut-SIH-Prototype.git
    
  2. Enter the client directory. Install all the required dependencies. Ensure that remove any globally-installed packages like the React CLI, Tailwind CLI, PostCSS CLI or ESLint are uninstalled before proceeding ahead
    $ cd client
    $ yarn add
    
  3. Setup the .env.local file for storing the environment variables. A demo file for this is as follows:
    HASURA_ADMIN_SECRET = your hasura admin key
    NEXT_PUBLIC_SUPABASE_ANON_KEY = your supabase anon key
    NEXT_PUBLIC_SUPABASE_URL = your supabase public url
    
  4. If you are working on Visual Studio Code or WebStorm, it'd be convenient to install the extensions for Prettier and ESLint.

For the model

  1. Clone the GitHub repo
    $ git clone https://github.com/devdev29/reachout_gesture_api.git
    
  2. Create a virtual environment on the anaconda command prompt (Install conda if not installed) and then switch to that virtual environment. Lets say the name of the env is test.
    $ conda create -n test python=3.8 anaconda
    $ conda activate test
    
  3. Look for requirments.txt and install the packages.
    $ pip install -r requirements.txt
    

For the FastAPI

  1. Look for the main.py and runtime.py files and have them ready. (The packages for FastAPI would already be installed when you run command number 3 in the above section)

💻 Usage

Once the required setup and installation is completed, you can start developing and running the project.

For the web-app

  1. Go to the client directory and run the dev script to activate the development server
    $ npm run dev
    
    Before pushing any commit, make sure to run the lint script and fix any linting errors
    $ npm run lint
    
    If you get an ESLint, Tailwind or PostCSS version conflict error, make a .env file in the client directory with the following contents:
    SKIP_PREFLIGHT_CHECK = true
    

For the model and for the FastAPI

  1. Locate to the Model directory. The models for the project are in gesture_model.tflite file.

  2. Open the command prompt for anaconda and switch to the virtual environment that you created. (example: test)

    $ conda activate test
    
  3. To initiate the server, type the following in the command prompt

    $ python main.py
    

👩‍💻 Team Members

You might also like...

This is a website for solving IT issues and providing IT solutions as answers to submitted tickets from clients. It is a project from Software Interns Team in Safecotech Internship Program 2022.

This is a website for solving IT issues and providing IT solutions as answers to submitted tickets from clients. It is a project from Software Interns Team in Safecotech Internship Program 2022.

CONNECT IT-Solutions Table of Contents Built With Getting Started Description Documentation Commit History Screenshots Contributors Built With : Node

Sep 24, 2022

final-project-team-mealhub created by GitHub Classroom

MealHub Product Vision Statement An application that allows you to meet new people and enjoy the restaurant down the street you have been dying to try

Nov 7, 2022

HITB SECCONF EDU CTF 2021. Developed with ❤️ by Hackerdom team and HITB.

HITB SECCONF EDU CTF 2021. Developed with ❤️ by Hackerdom team and HITB.

HITB SECCCONF EDU CTF 2021 SECCONF EDU CTF is an online international challenge in information security. Developed by Hackerdom team for HITB SECCONF

Sep 3, 2022

Utility for Anime Empire's Treasury Team

Utility for Anime Empire's Treasury Team

TreasuryTools Utility for Anime Empire's Treasury Team to make Merching, Radding, and Running easier and more efficient. Table of Contents Command Usa

Dec 31, 2021

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

WeUI - tailor-made for WeChat web service 中文版本 Introduction WeUI is an WeChat-like UI framework officially designed by the WeChat Design Team, tailor-

Jan 2, 2023

This package includes the sensible ESLint configuration used by our team

TypeScript + Prettier ESLint configuration for CasterlyApp team (and others)

Jan 26, 2022

Global Game Jam Protopotes - Team Distanciel

Global Game Jam Protopotes - Team Distanciel

SCHRODINGER'S ESCAPE - 2022 Global Game Jam project Game resume Pr. Erwin Schrödinger really did his cat's experiment ! But, the cat found the craft b

Dec 14, 2022

cis-scheduler-team-26 created by GitHub Classroom

React TypeScript Starter Repo Hello! This repository has been pre-configured with eslint and gh-pages to automatically deploy your app when you push t

Sep 4, 2022
Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team.

Team Empire offers an innovative and intuitive game based on puzzles solved by two players working in a team. The user can create an account to monitor their results and achievements. The whole idea of the product is to make the player think and develop his logical thinking.

Vocational school for computer programming and innovation 14 Aug 8, 2022
Team project within the course of Software System Design and Analysis.

?? InnoBookCrossing - Application for sharing books at Innopolis gh-md-toc ?? General Information Description The application is designed to help peop

Dariya 33 Oct 22, 2022
A template project for NRWL's NX, Ionic Framework, Stylelint, Eslint, and more from the OpenForge mobile app team.

OpenForge Ionic Monorepo Example This is a template project for all Ionic + Angular Monorepos. It was generated using a combination of Nx, Ionic Thank

OpenForge 14 Oct 26, 2022
Team Alpha Super Awesome Cool Dynamite Wolf Squadron - 10 - Project 1

Super Hero Wiki This is a group project for our Interactive Front End Web Site. We created a Super Wiki that uses two (2) APIs to provide users a comi

Vicente Garcia Sepulveda 3 Mar 24, 2022
ICT (Ideas Come Together) - SPA Team Project

ICT (Ideas Come Together) - SPA Team Project This is a team project for our ReactJS module in our webdev program.

Ashley 3 Jul 3, 2022
We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation project

Проект сайту "Filmoteka" Привіт! ?? Ми студенти групи під назвою "Special-Team" академії GоIT ?? ?? Ми закінчили курс JavaScript і для того, щоб закрі

Oksana Banshchykova 12 Jan 3, 2023
This is college project in which me and my team create a website that provide the tools for basic text modification and add todos also we add blog init.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Ayush 4 Jun 9, 2022
Vision is a complete project manager where you can colaborate with your team. Everything is still in development phase.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Nikko Abucejo 4 Jun 4, 2022
This is the team project of construct week unit-3 (js201)

This is the team project of construct week unit-3 (js201) I. Project's Title => Clone of Mytheresa.com (E-commerce website) II. Project Description =>

Brajesh Lovanshi 5 Sep 28, 2022
Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here

Team-8 E-Commerce Project Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here Table of Contents P

Ahmed Moussa 5 Jun 16, 2022