Sure! Here's a detailed README.md you can use for your WarTech 3.0 project, including setup, installation, and usage instructions for both frontend and backend:

---

WarTech 3.0 - Event Registration & Payment Portal

A full-stack web application for event registration, handling team submissions, and integrating Razorpay payments. Built with React.js for frontend, Node.js/Express for backend, and MongoDB for database.

---

Features

• Event registration form with team details
• Multiple team members support
• Razorpay payment integration
• Payment verification & status tracking
• Completed payments stored separately
• Responsive UI built with React

---

Tech Stack

• Frontend: React.js
• Backend: Node.js, Express.js
• Database: MongoDB (Mongoose ODM)
• Payments: Razorpay
• Environment Variables: dotenv

---

Folder Structure

WartechFull/
├── backend/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   ├── config/
│   ├── index.js
│   └── package.json
├── frontend/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── App.js
│   │   └── index.js
│   └── package.json
└── README.md

---

Prerequisites

• Node.js (v18+ recommended)
• npm or yarn
• MongoDB Atlas account or local MongoDB
• Razorpay account (test keys work)

---

Setup Instructions

1. Clone the repository

git clone https://github.com/Uncle8475/WartechFull.git
cd WartechFull

---

2. Backend Setup

cd backend
npm install

Environment Variables

Create a .env file in backend/:

PORT=5000
MONGO_URI=your_mongodb_connection_string
RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret

Run Backend Server

npm run dev

Server will run at http://localhost:5000

---

3. Frontend Setup

cd frontend
npm install

Environment Variables

Create a .env file in frontend/:

REACT_APP_API_BASE_URL=http://localhost:5000/api
REACT_APP_RAZORPAY_KEY_ID=your_razorpay_key_id

Run Frontend

npm start

Frontend will run at http://localhost:3000

---

Usage

1. Open the app in your browser: http://localhost:3000
2. Select the event type, team name, and add team members
3. Click Proceed to Pay to open Razorpay checkout
4. Complete the payment
5. Payment will be verified automatically and added to completed payments

---

API Endpoints

Method	Endpoint	Description
POST	/api/form/create	Create new form + Razorpay order
POST	/api/payment/verify	Verify Razorpay payment
GET	/api/payments/completed	Get all completed payments

---

Payment Flow

1. User submits form → backend creates a Razorpay order
2. Razorpay checkout opens → user pays
3. Backend verifies payment signature
4. Successful payment → added to CompletedPayments collection, deleted from Form and Payment

---

Contributing

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Make your changes
4. Commit (git commit -m 'Add some feature')
5. Push (git push origin feature/your-feature)
6. Open a Pull Request

---

License

This project is licensed under the MIT License.

---

If you want, I can also write a prettier version with badges, screenshots, and full Razorpay instructions, so your GitHub repo looks professional.

Do you want me to do that next?