Coder Social home page Coder Social logo

ethereal's Introduction

Ethereal

Welcome, As we are aware Sustainability issues are the critical issues our planet is facing today. it is crucial to work towards sustainable solution to preserve our planet for future generation. Our Project name is Ethereal which is a website https://yashraj0p.github.io/Ethereal/index.html#html .It is a wonderful resource for people who are passionate about living a sustainable life .Sustainable living means to live in a way that supports the environment, economy and society. ETHEREAL is made using 1)HTML 2) CSS 3) JAVASCRIPT 4) Firebase 5)Google Maps. It is equipped With a wealth of information and has different sections related to sustainable living .

Screenshot_20230404-232358_Chrome

General awareness

In this section we have provided general information on small changes that we can bring in our daily lifestyle which can help us live a sustainable life. Screenshot_20230404-220617_Chrome Screenshot_20230404-220653_Chrome

Latest Technology

In this section we have provided detail about the latest technology which are available in the world helping to preserve environment and lowering the pollution level in the world. Screenshot_20230404-225004_Chrome Screenshot_20230404-225033_Chrome

Waste Management

In this section we have provided details about the ways in which we can reduce waste in our homes and society.

Screenshot_20230404-225708_Chrome Screenshot_20230404-225738_Chrome

Power saving gadgets

In this section we have provided details about the Power saving appliances available in the market with which we can replace our old appliance. Screenshot_20230404-231552_Chrome Screenshot_20230404-231627_Chrome

Water Conservation

In this section we have provided different ways by which we can conserve water in our homes and society.

Screenshot_20230404-232110_Chrome Screenshot_20230404-232137_Chrome

Nature conservation

In this section we have provided details about different ways by which we can conserve nature and lead a sustainable life. Screenshot_20230404-232306_Chrome Screenshot_20230404-232327_Chrome

Sign up /Sign in

By clicking on sign in/sign up button user is directed to sign in and sign up page where user can sign up by providing their username , Email and Password . When they click on sign up there data is being saved in firebase and they are directed to homepage where there user name is being displayed and a logout option is also displayed .On clicking on logout button they can sign out. Moreover now if anytime they want to sign in to their account again they just need to login by providing their email id and password. We have even put Forgot password option if user forget their password then they are Screenshot gdsc 10

Products

In this section we have provided detail about different sustainable products which user can buy by clicking on buy button .They will be directed to e-commerce website from where they can purchase the selected product. Screenshot gdsc 8

Shops Nearby section

In this section we have provided details about the local shops which sell sustainable products .Their location is provided on google maps. When user select their city then all the local seller who sell sustainable product in their city their location is shown on the maps. Screenshot gdsc 9 Screenshot_20230404-221010_Chrome

Discussion Forum

Another great feature of the website is its discussion forum, In discussion form a person can ask question related to sustainable living and another person can give reply to that question. This allows people to share their knowledge on sustainable living to other person. Screenshot_20230405-014553_Chrome Screenshot_20230405-014616_Chrome Screenshot_20230405-014645_Chrome

Challenges faced

1)When we were making login and sign up page then one of the major challenges was to store user data in real-time and show it when they login. We used Firebase for storing the user data. Firebase authentication and Firebase real-time database feature is used for the backend development of the sign up and login page.

2)The other challenge was to make website with proper responsiveness for desktop and mobile.

ethereal's People

Contributors

yashraj0p avatar mdashhadali avatar vikash-222-op avatar du-nothing avatar

Watchers

 avatar

Forkers

du-nothing

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.