ForNature 🍃

IT BEGINS WHEN YOU THINK AND COMPLETES WITH OUR SUPPORT. (find how to download this, YouTube video, and notes below)

Overview 🚀

My.Movie.5.mp4

Welcome to ForNature, your gateway to sustainable living through innovative AI solutions. At ForNature, we empower individuals to repurpose and recycle broken items, fostering a greener planet. Here you'll get AI generated ways on how to recycle your items and also you'll get to learn about recycling techniques and identify toxic materials, ensuring safe practices. With a commitment to environmental stewardship, our platform harnesses cutting-edge technology to transform waste into opportunity. Join us in our mission to reimagine consumption and preserve the Earth for future generations.

Dependencies 💡

• REACT.JS
• EXPRESS.JS
• FLASK
• JSX

Quick Insights 💪

Explore sustainable ways of living with ForNature! Let us live everyday by saving a little for the future. Let's explore the different features-

1. FixIt
2. Learn Something and
3. Future Scope

Image Analysis and Text Output about its recycling process along with blogs or links

Get useful links to articles & blogs on what you've inputed 🖼

Future Scopes 🏃

1. Using live camera for detecting objects in the real world directly from our phones. This will help naive users to even use the website or even elderly can use it. One way in doing so is by using 'Pixellib' which helps in real-time object detection.

2. Government can largly help in promoting these kind of websites where people can easily get information they need for saving the nature. Government has the power to reach to a larger population of any country.

3. Cloud-based services like active NGOs or social groups maintaining themselves on it, can be a way to reach to people. For example if someone wants to donate anything or collect something for cheap which was previously donated, then they can use applications like this and connect with those on cloud.

How it Works 💡

1. The home page will make you familiar with out features and what they do.
2. The 'FixIt' page will help you get a Generative AI solutions to reuse and recycle your objects. (TIP: If you feel like you want to change or give a new object, simply type that into the prompt area.
3. The 'Learn Something' area wil help you directly get articles and blogs related to some element you want (Eg: About Plastic or Rubber etc.)
4. The 'Future Scopes' gives a diverse possiblities of what can be achieved in the future using a website like mine or similar to it.

Current Progress

YouTube Video
Click on the image

Getting Started- (SETUP)

1. Clone the repository

git clone https://github.com/Shrey0610/ForNature.github.io

2. For React- (src > App.js)

npm create-react-app {your_app}

cd {your_app}

 npm install react-router-dom

npm install --save cors

3. For Express- (server)

cd server

pip install -r requirements.txt

npm init

pip install openai

pip install nodemon

4. Add Your OpenAI-Api Key

in terminal using

export YOUR_API_KEY='YOUR_API_KEY'

#or simply replace the YOUR_API_KEY with yours

5. For Flask-(server2)

cd server

python3 -m venv venv

source venv/bin/activate

pip install flask

pip install tensorflow

7. Run the React-app

cd ForNature
PORT=9004 npm start

7. Run the Express-app (server)

cd server
nodemon server.js

8. Run the Flask-app (server2)

cd server
python -u {path to server2} run

Note : Must have an OpenAI API key to run the app, you can create from here.

You must never expose your API key

This project uses tailwind which you may need to setup