paullaster/Farmgate

High-fidelity React-based frontend prototype simulating an informative and interactive AE/EOA website targeting consumer education and engagement in Africa. # Farmgate Farmgate is a modern web application built with Next.js, React, and TypeScript, styled using Tailwind CSS. ## Features - Next.js 15 (App Router) - TypeScript for type safety - Tailwind CSS for utility-first styling - Radix UI and custom UI components - Internationalization (i18n) support ## Prerequisites - Node.js (v22 or newer recommended) - npm ## Getting Started 1. **Clone the repository:** ```bash git clone github.com cd Farmgate ``` 2. **Install dependencies:** ```bash npm install ``` 3. **Run the development server:** ```bash npm run dev ``` Open localhost in your browser to see the app. 4. **Build for production:** ```bash npm run build npm start ``` ## Project Structure - `app/` — Main application routes and pages (App Router) - `components/` — Reusable UI and layout components - `hooks/` — Custom React hooks - `lib/` — Utility functions - `public/` — Static assets (images, etc.) - `styles/` — Global and Tailwind CSS files ## Customization - **Tailwind CSS:** Edit `tailwind.config.ts` and `globals.css` for custom styles. - **Environment Variables:** Add a `.env.local` file for any required environment variables (see Next.js docs). - **i18n:** Internationalization is set up with `i18next` and `react-i18next`. ## Useful Scripts - `npm run dev` — Start development server - `npm run build` — Build for production - `npm start` — Start production server - `npm run lint` — Run ESLint ## Troubleshooting - If you encounter issues, ensure your Node.js version matches the required version. - Delete `node_modules` and `package-lock.json`/`yarn.lock` and reinstall dependencies if problems persist. ## License This project is for interview/demo purposes.