emojiking254/RuralGlow

a learning platform designed for students in rural areas of Africa (especially Kenya) who have limited access to traditional schools. # RuralGlow a learning platform designed for students in rural areas of Africa (especially Kenya) who have limited access to traditional schools. ## 🛠️ 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: }, { path: "/about", element: }, // 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 ```