AnuArora23 · Loveleen-Bains · Oct 4, 2025 · Oct 4, 2025 · Oct 4, 2025
diff --git a/submissions/T069_Codeit/.gitignore b/submissions/T069_Codeit/.gitignore
@@ -0,0 +1,8 @@
+.DS_Store
+node_modules
+.idea
+package-lock.json
+/build
+.vscode/
+.idea/
+vite.config.*s.*
diff --git a/submissions/T069_Codeit/Codeit-T069-ppt.pdf b/submissions/T069_Codeit/Codeit-T069-ppt.pdf
diff --git a/submissions/T069_Codeit/README.md b/submissions/T069_Codeit/README.md
@@ -0,0 +1,99 @@
+# React
+
+A modern React-based project utilizing the latest frontend technologies and tools for building responsive web applications.
+
+## 🚀 Features
+
+- **React 18** - React version with improved rendering and concurrent features
+- **Vite** - Lightning-fast build tool and development server
+- **Redux Toolkit** - State management with simplified Redux setup
+- **TailwindCSS** - Utility-first CSS framework with extensive customization
+- **React Router v6** - Declarative routing for React applications
+- **Data Visualization** - Integrated D3.js and Recharts for powerful data visualization
+- **Form Management** - React Hook Form for efficient form handling
+- **Animation** - Framer Motion for smooth UI animations
+- **Testing** - Jest and React Testing Library setup
+
+## 📋 Prerequisites
+
+- Node.js (v14.x or higher)
+- npm or yarn
+
+## 🛠️ Installation
+
+1. Install dependencies:
+   ```bash
+   npm install
+   # or
+   yarn install
+   ```
+
+2. Start the development server:
+   ```bash
+   npm start
+   # or
+   yarn start
+   ```
+
+## 📁 Project Structure
+
+```
+react_app/
+├── public/             # Static assets
+├── src/
+│   ├── components/     # Reusable UI components
+│   ├── pages/          # Page components
+│   ├── styles/         # Global styles and Tailwind configuration
+│   ├── App.jsx         # Main application component
+│   ├── Routes.jsx      # Application routes
+│   └── index.jsx       # Application entry point
+├── .env                # Environment variables
+├── index.html          # HTML template
+├── package.json        # Project dependencies and scripts
+├── tailwind.config.js  # Tailwind CSS configuration
+└── vite.config.js      # Vite configuration
+```
+
+## 🧩 Adding Routes
+
+To add new routes to the application, update the `Routes.jsx` file:
+
+```jsx
+import { useRoutes } from "react-router-dom";
+import HomePage from "pages/HomePage";
+import AboutPage from "pages/AboutPage";
+
+const ProjectRoutes = () => {
+  let element = useRoutes([
+    { path: "/", element: <HomePage /> },
+    { path: "/about", element: <AboutPage /> },
+    // Add more routes as needed
+  ]);
+
+  return element;
+};
+```
+
+## 🎨 Styling
+
+This project uses Tailwind CSS for styling. The configuration includes:
+
+- Forms plugin for form styling
+- Typography plugin for text styling
+- Aspect ratio plugin for responsive elements
+- Container queries for component-specific responsive design
+- Fluid typography for responsive text
+- Animation utilities
+
+## 📱 Responsive Design
+
+The app is built with responsive design using Tailwind CSS breakpoints.
+
+
+## 📦 Deployment
+
+Build the application for production:
+
+```bash
+npm run build
+```
diff --git a/submissions/T069_Codeit/index.html b/submissions/T069_Codeit/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <title>agrow-plus</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="icon" href="/favicon.ico" />
+  <link rel="manifest" href="/manifest.json" />
+
+</head>
+
+<body>
+
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div class="dhiwise-code" id="root"></div>
+  <script type="module" src="/src/index.jsx"></script>
+</body>
+
+</html>
diff --git a/submissions/T069_Codeit/jsconfig.json b/submissions/T069_Codeit/jsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./src"
+  },
+  "include": ["src"]
+}