ReGen is a full-stack web application built with a modern frontend and a scalable backend. The project demonstrates real-world full-stack development practices, clean architecture, and API-driven communication between frontend and backend systems.

ReGen is designed to showcase how a frontend application interacts with a backend service to handle data, business logic, and user interactions efficiently. The application focuses on simplicity, maintainability, and performance while following industry-standard development practices.

This project is suitable for demonstrating full-stack skills in interviews, assessments, and portfolio reviews.

• Modern and responsive user interface
• Clean frontend and backend separation
• REST API based communication
• Scalable project structure
• Easy to extend and maintain
• Deployed frontend with cloud hosting

• HTML5
• CSS3
• JavaScript (ES6+)
• Responsive UI design
• Deployed on Vercel

• Node.js
• Express.js
• RESTful API architecture

• MongoDB
• Mongoose

A modern landing page introducing the ReGen platform, highlighting community-driven solar energy investments, sustainability goals, and user onboarding.

Allows users to input emissions from fuel, electricity, transportation, water usage, and waste management to calculate total carbon footprint.

Displays the total calculated carbon footprint with options to recalculate, reset values, or download the report as a PDF.

Provides a comparison of multiple carbon reduction strategies such as afforestation, renewable energy, CCS, methane capture, and offsetting with cost analysis.

Visual comparison using charts to identify the most cost-effective combination of renewable energy, CCS, and carbon offsetting.

Admin-style interface for adding new solar or renewable energy shares with pricing and carbon reduction details.

Shows user-owned investments with total cost and carbon reduction achieved through purchased shares.

Clean and modern sign-up page allowing users to create an account securely.

Secure login interface for registered users to access their dashboard and investments.

git clone https://github.com/sachin11063/ReGen.git
cd ReGen

cd frontend
npm install
npm start

cd backend
npm install
npm run dev

• User interacts with the frontend UI
• Frontend sends API requests to the backend
• Backend processes business logic and data
• Response is returned in JSON format
• Frontend updates the UI based on the response

• Full-stack application development
• REST API design and integration
• Frontend–backend communication
• Project structuring and deployment
• Writing clean and maintainable code

• User authentication and authorization
• Role-based access control
• Enhanced error handling
• Performance optimizations
• UI/UX enhancements

Sachin
Aspiring Software Engineer
Focused on full-stack development and building real-world applications

🔗 GitHub: https://github.com/sachin11063

This project is intended for learning and educational purposes.