Reclaim Green
Project Overview
Reclaim Green calculates carbon footprints on individual and industry level, leveraging React for Frontend, Firebase for Database and Google OAuth for authentication
App.jsx
1import React, { useState } from "react";
2import Auth from "./auth/Auth";
3import "firebase/compat/firestore";
4import "firebase/compat/auth";
5import Home from "./home/Home";
6import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
7
8
9function App() {
10 // State to store user details and toggle between components
11 const [loggedUser, setLoggedUser] = useState("");
12 const [checkUser, setCheckUser] = useState(0);
13
14 return (
15 <div>
16 <Router>
17 <Routes>
18 <Route
19 path="/"
20 element={
21 <Home
22 setCheckUser={setCheckUser}
23 loggedUser={loggedUser}
24 checkUser={checkUser}
25 setLoggedUser={setLoggedUser}
26 />
27 }
28 />
29 {loggedUser ? (
30 <>
31 <Route
32 path="/"
33 element={
34 <Home
35 setCheckUser={setCheckUser}
36 loggedUser={loggedUser}
37 checkUser={checkUser}
38 setLoggedUser={setLoggedUser}
39 />
40 }
41 />
42 </>
43 ) : (
44 <>
45 <Route
46 path="/auth"
47 element={
48 <Auth
49 setCheckUser={setCheckUser}
50 setLoggedUser={setLoggedUser}
51 />
52 }
53 />
54 <Route
55 path="/"
56 element={
57 <Home
58 setCheckUser={setCheckUser}
59 loggedUser={loggedUser}
60 checkUser={checkUser}
61 setLoggedUser={setLoggedUser}
62 />
63 }
64 />
65 </>
66 )}
67 </Routes>
68 </Router>
69 </div>
70 );
71}
72
73export default App;Technology Stack
React
Firebase
Machine Learning
Key Features
- Reclaim Green calculates carbon footprints on individual and industry level, leveraging React for Frontend, Firebase for Database and Google OAuth for authentication
- The project achieved 90% accuracy using Random Forest for precise carbon footprint calculations
- CI/CD pipeline with GitHub Actions