Skip to content

A 3D website created on Vite using threejs animation library and gle based models . Basically its web application to test my first 3D website made using reactjs

Notifications You must be signed in to change notification settings

erenyeager101/3D-webApp-Vite-threejs

Repository files navigation

A 3D interactive website Build on vite using threejs and deployed on vercel

Contains

A 3D website featuring a floating island with cool intercative elements to show and route to different sections of this website The Carbon Footprint Calculator is a web application designed to help users estimate their carbon footprint based on their daily activities. By inputting their travel distance, energy consumption, and waste production, users can calculate their total CO2 emissions and receive suggestions on how to offset their impact on the environment. run this project at - https://sustainable-webapp.vercel.app/

Features

  • Input Parameters: Users can input data for various parameters, including:

    • Distance traveled (in miles) using different modes of transportation (car, bus, train, airplane).
    • Electricity usage (in kWh).
    • Gas usage (in therms).
    • Waste production (in pounds).
  • Calculation: The application calculates the total carbon footprint using predefined carbon emission factors.

  • Offset Suggestions: After calculation, users receive personalized suggestions on how to reduce their carbon emissions, such as:

    • Planting trees.
    • Utilizing public transport.
    • Switching to renewable energy sources.

Tech Stack

  • Frontend: React, JavaScript, Tailwind CSS
  • Routing: React Router for navigation
  • State Management: React's built-in hooks (useState)

Getting Started

Prerequisites

  • Node.js and npm installed on your machine.
  • Clone the repository:
    git clone https://github.com/erenyeager101/IEEE-hackathon-kuna)
    
    

Install dependencies:

npm install Start the development server:

npm run dev Open your browser and navigate to:

http://localhost:5173

About

A 3D website created on Vite using threejs animation library and gle based models . Basically its web application to test my first 3D website made using reactjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published