carbon-simulator
所属分类：自动驾驶
开发工具：TypeScript
文件大小：0KB
下载次数：0
上传日期：2023-11-10 16:17:55
上 传 者：
sh-1993
说明： 碳模拟器
(carbon simulator)
文件列表:
client/ (0, 2024-01-04)
client/.eslintrc.json (40, 2024-01-04)
client/next.config.js (118, 2024-01-04)
client/package.json (603, 2024-01-04)
client/pages/ (0, 2024-01-04)
client/pages/_app.tsx (150, 2024-01-04)
client/pages/_document.tsx (231, 2024-01-04)
client/pages/api/ (0, 2024-01-04)
client/pages/api/hello.ts (307, 2024-01-04)
client/pages/components/ (0, 2024-01-04)
client/pages/components/CarbonCalculatorForm.tsx (11652, 2024-01-04)
client/pages/components/LineChart.tsx (1425, 2024-01-04)
client/pages/components/TableFooter.tsx (1421, 2024-01-04)
client/pages/components/TableHeader.tsx (602, 2024-01-04)
client/pages/index.tsx (1711, 2024-01-04)
client/pages/interfaces/ (0, 2024-01-04)
client/pages/interfaces/index.tsx (523, 2024-01-04)
client/pages/utils/ (0, 2024-01-04)
client/pages/utils/index.tsx (626, 2024-01-04)
client/public/ (0, 2024-01-04)
client/public/favicon.ico (2682, 2024-01-04)
client/tsconfig.json (555, 2024-01-04)
package.json (83, 2024-01-04)
server/ (0, 2024-01-04)
server/package.json (423, 2024-01-04)
server/server.js (667, 2024-01-04)
# Project Startup
Two terminals needed to startup locally
1. cd server
npm run i
npm run build
npm run dev
Keep server running while starting client
2. cd client
npm run i
npm run build
npm run dev
### Tech Stacks
_Front End:_
- React.js
- Next.js
- TypeScript
- Bootstrap
- Bootstrap Icons
- Recharts
_Back End:_
- Node.js
- nodemon
- Express.js
- Cors
- REST API
### User Interactions
- User selects the Time-Frame
- User selects the Country
- User sees the average Co2 based on selections
- User can Add Purchases by clicking on the button OR by pressing enter in the numbers-input field
- User selects the Date (past constraint has been added)
- User inserts the Number of Trees purchased by typing or mouse-scrolling
- User can delete a field by clicking on the Trash Icon
- User sees
- Total USD field which calculates how much the Trees cost
- The amount of entries they have
- The total amount of trees purchased
- The total amount of costs in USD based on the Total of the Trees AND the yearly cost of $12
- User presses the Calculate Offset button which displays a graph of the average Co2 consumption by Date:
- The user's Offset
- The country's avg per person
- User sees a summary of carbon neutrality details
近期下载者：
相关文件：
收藏者：