Fertilizer360 is a modern, user-friendly React web application designed to simplify fertilizer booking and management for both users and admins. With clean UI, responsive design, and integrated admin controls, Fertilizer360 offers a streamlined way to pre-book fertilizers, manage profiles, and handle backend data efficiently.

• 🔐 User Authentication (Register/Login)
• 📋 Advance Fertilizer Booking Form
• 🧾 Booking History Viewer for Users
• 👤 User Profile Update with Image Upload
• 🛠️ Admin Panel (Add, Update, Delete Fertilizer Records)
• 🌐 Fully Responsive Design (Mobile, Tablet, Desktop)
• 💬 Toast Notifications and Input Validations
• 🔎 Optional Search & Filter Capabilities

The UI of Fertilizer360 is carefully designed in Figma for a seamless and intuitive user experience.

Our UI is carefully crafted in Figma to ensure a smooth, intuitive experience for users and administrators alike.

• Node.js ≥ 16.x
• npm or yarn installed

git clone https://github.com/your-username/Fertilizer360.git
cd Fertilizer360

npm install
# or
yarn install

npm start
# or
yarn start

App will start on http://localhost:3000

• Authentication: Basic email-password based (can be integrated with backend or Firebase)
• Authorization: Role-based rendering (User/Admin)
• State Management: LocalStorage, optional Redux for complex apps

You can deploy the app using:

• Netlify
• Vercel
• GitHub Pages

For example, to deploy on Netlify:

npm run build
# then drag & drop the build folder to Netlify dashboard

• 👨‍💻 Frontend Lead & UI Designer: Shubham Gajera

📧 Email: [email protected]

This project is licensed under the MIT License - see the LICENSE file for details.

• ReactJS Community
• Tailwind CSS Docs
• Toastify & SweetAlert2 contributors
• Formik & Yup creators
• Figma for design collaboration

“Fertilizer360 brings a smart, modern touch to fertilizer management for digital-first agriculture.”