charitydarko/african-oss-spotlight-frontend

African Open Source Spotlight # African OSS Spotlight A modern, community-driven platform showcasing African open-source creators and the innovative projects they build. ## 🌍 Mission Increase visibility, discoverability, and recognition of African open-source work globally. We celebrate the brilliant minds building innovative projects across the continent. ## ✨ Features - **Discover Creators**: Browse African open-source developers by region and technology - **Explore Projects**: View innovative projects with GitHub stats and tech stacks - **Nominate Creators**: Help grow the community by nominating amazing developers - **African-Inspired Design**: Vibrant color palette inspired by African flags - **Fully Responsive**: Beautiful experience on mobile, tablet, and desktop ## 🎨 Design System Our design is inspired by the colors of African flags: - **Primary Green** (#00843D): Nigeria, Kenya, South Africa - **Vibrant Yellow** (#FCDC00): Ghana, Uganda - **Bold Red** (#CE1126): Kenya, Morocco - **Deep Black**: Pan-African color ## 🚀 Getting Started ### Prerequisites - Node.js 18+ - npm or yarn ### Installation ```bash # Clone the repository git clone github.com # Navigate to the project directory cd african_oss_spotlight # Install dependencies npm install # Run the development server npm run dev ``` Open localhost in your browser. ## 📁 Project Structure ``` src/ ├── app/ # Next.js 14 App Router pages │ ├── page.tsx # Homepage │ ├── creators/ # Creator directory and profiles │ └── nominate/ # Nomination form ├── components/ │ ├── ui/ # Reusable UI components │ ├── layout/ # Header and Footer │ └── home/ # Homepage sections ├── lib/ │ ├── mock-data.ts # Sample data │ └── utils.ts # Utility functions └── types/ └── index.ts # TypeScript types ``` ## 🛠️ Tech Stack - **Framework**: Next.js 14 (App …