How soumalyasaha/atmos.ai works
Atmos AI is a React carbon-footprint tracker. Users sign in, complete onboarding and footprint calculation, then view dashboard analytics and use challenges, AI advice, profile, and community rankings. The sampled frontend shows route ownership, API use, and token handling; backend internals described in the README are not present in this tree, so they are represented only as an external service.
Main entry points: App.jsx App & Routes · api.js API Client · Login.jsx Sign In · Onboarding.jsx Onboarding
Components 14
App Entry
- App & Routes
src/App.jsx - Sign In
src/pages/Login.jsx - Onboarding
src/pages/Onboarding.jsx
Footprint & Insights
- Footprint Calculator
src/pages/Calculator.jsx - Footprint Dashboard
src/pages/Dashboard.jsx - AI Assistant
src/pages/Chatbot.jsx
Engagement
- Challenges
src/pages/Challenges.jsx - Leaderboard
src/pages/Leaderboard.jsx - User Profile
src/pages/Profile.jsx
Shared UI & API
- Navigation Layout
src/components/Layout.jsx - API Client
src/utils/api.js
Other components
- User
- Google OAuth
- Backend API
Connections 20
- User → Sign In: signs in
README.md - Google OAuth → Sign In: provides credential
src/pages/Login.jsx - Sign In → API Client: submits login
src/pages/Login.jsx - API Client → Backend API: sends requests
README.md - App & Routes → Sign In: routes to
src/App.jsx - App & Routes → Onboarding: routes to
src/App.jsx - App & Routes → Footprint Calculator: routes to
src/App.jsx - App & Routes → Footprint Dashboard: routes to
src/App.jsx - App & Routes → Challenges: routes to
src/App.jsx - App & Routes → AI Assistant: routes to
src/App.jsx - App & Routes → Leaderboard: routes to
src/App.jsx - App & Routes → User Profile: routes to
src/App.jsx - App & Routes → Navigation Layout: wraps routes
src/App.jsx - Onboarding → API Client: uses
src/pages/Onboarding.jsx - Footprint Calculator → API Client: saves footprint
src/pages/Calculator.jsx - Footprint Dashboard → API Client: loads metrics
src/pages/Dashboard.jsx - AI Assistant → API Client: requests advice
src/pages/Chatbot.jsx - Challenges → API Client: uses
src/pages/Challenges.jsx - Leaderboard → API Client: loads rankings
src/pages/Leaderboard.jsx - User Profile → API Client: uses
src/pages/Profile.jsx