francis-collab/beyond-degrees-rwanda

# 🌍 Beyond Degrees: Youth Employment Matters **Beyond Degrees** is a dynamic, fully responsive React website that raises awareness and proposes real solutions to youth unemployment in Rwanda. It features educational resources, success stories, data-driven statistics, and opportunities for community involvement — all built with modern web technologies. --- ## 📌 Live Demo 🔗 francis-collab.github.io --- ## ✨ Features - ⚛️ Built with **React.js + Tailwind CSS** - 🔀 Client-side routing using **HashRouter** for GitHub Pages - 📱 Fully responsive across all devices - 🎬 Media support (videos, images, animations) - 📊 Data visualization with stats and tables - 🧠 In-depth pages on root causes and solutions to unemployment - 💬 Volunteer & contact forms - 🌐 Ready for deployment on **GitHub Pages** --- ## 🗂️ Project Structure ``` beyond-degrees-rwanda/ ├── public/ │ └── index.html ├── src/ │ ├── components/ │ │ ├── Header.js │ │ └── Footer.js │ ├── pages/ │ │ ├── Home.js │ │ ├── About.js │ │ ├── Statistics.js │ │ ├── Solutions.js │ │ ├── SuccessStories.js │ │ ├── Resources.js │ │ ├── Media.js │ │ ├── GetInvolved.js │ │ └── Contact.js │ ├── App.js │ ├── index.js │ └── index.css ├── tailwind.config.js ├── postcss.config.js ├── package.json └── README.md ``` --- ## 🚀 Installation & Development ### Clone the Repository ```bash git clone github.com cd beyond-degrees-rwanda ``` ### Install Dependencies ```bash npm install ``` ### Run the App Locally ```bash npm start ``` App will run at: localhost --- ## 🌐 Deployment to GitHub Pages This project uses **gh-pages** and **HashRouter** for seamless GitHub Pages hosting. ### 1. Make Sure This is in `package.json` ```json "homepage": "francis-collab.github.io" ``` ### 2. Deploy Commands ```bash npm run build npm run deploy ``` Your site will …