Sitting Position Detection Application

This is a React-based Weather Web Application with support for multiple weather related data such as current temp, wind, 3 hour forecast etc. Visit the Application - https://sitting-position-detection.vercel.app/

Table of Contents

• Features
• Technologies Used.
• Demo
• Installation
• Contributing
• License

Features

• Frontend development using ReactJS, Next JS, Tailwind for creating interactive, intuitive and responsive UI.
• Custom Authentication using logic and tensorFlow.
• Responsive and intuitive UI for across devices such as desktop and mobile.
• Build efficient and hightly optimized react components.
• Made Custom spinner to show a status while fetching the data from api.
• Successfully Deployed the application on Vercel.

Technologies Used

• Frontend – React JS, Next JS, Javascript, Tailwind
• Backend – JavaScript, TensorFlow, React-WebCam
• NPM Packages – Cors, Axios, React Dom,

Demo

Installation

To run this project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/kakashihatakesh6/sitting-position-detection

2. open the project in terminal and then run:

npm install
npm run dev

Project Structure

The project follows a specific structure to organize its files and directories. Below is an overview of the main components:

sitting-position-detection/
│
├── sitting-position-detection/     # Source code directory
│   ├── components/         # React components
│   │   ├── Navbar.jsx       # Component for showing the navbar
│   │   ├── NavItems.jsx    # Component for special buttons such as:redo, undo and clear all the text
│   │   ├── ....   
│   ├── pages/              # Routes
│   │   ├── api/               # Next API Routes
│   │   │   ├── hello.js            # Api route
│   │   ├── _app.js            # App function for calling main Weather component
│   │   └── _document.js       # Structure file
│   │   └── index.js           # Main application component
│   │   └── detect.js           # Main application component
│   │   └── dashboard.js           # Main application component
│   ├── public/             # Public directory for static files
│   │   ├── images/         # Image files
│   │   │   ├── emojiButton.webp       # Image of emoji
│   │   │   └── backgroundImage.jpg    # Image of background
│   ├── styles/             # Public directory for static files
│   │   ├── globals.css/                  # Root css file
│   │   ├── Home.module.css/              # Home Component Css file
    │
    ├── .eslinntrc              # Eslint file
    ├── .gitignore              # Git ignore file
    ├── jsconfig.json           # JS Configue file
    ├── LICENCE                 # License file
    ├── next.config.js          # Next Configue file
    ├── package-lock.json       # Node.js project configuration
    ├── package.json            # Node.js project configuration
    ├── README.md               # Project documentation
    ├── yarn.lock               # Yarn Package Manager
     ...                        # Other configuration files

Contributing

We welcome contributions from the community to help improve the Nimbus Hub Weather App. If you would like to contribute, please follow these steps:

First of all, please give the repository a star 🌟

1. Fork the project.
2. Create your feature branch:

git checkout -b feature/NewFeature.

3. Commit your changes:

git commit -m 'Add a new feature'.

4. Push to the branch:

git push origin feature/NewFeature.

5. Open a pull request on the main repository, describing your changes and explaining why they are valuable.

   Please help us keep our issue list small by adding Fixes #{$ISSUE_NUMBER} to the description of pull requests that resolve open issues. For example, if your pull request fixes issue #10, then please add the following to its description:

Fixes #10

Contact

If you have any questions, suggestions, or issues regarding the Nimbus-Hub, please feel free to reach out to us through the Issues section of this repository. You can also discuss with as in the discussion template, there are there meaningfull discussion. You can also contact me via my email.

License

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

Please ensure that your contributions adhere to our Code of Conduct. If you find this project helpful or interesting, please give it a ⭐️.