lloduye/storymatters-website

A Community-Based Organization founded by young refugees in Kakuma Refugee Camp, Kenya. Established in 2019 and officially launched in 2020, our mission is to empower and showcase the incredible talents of youth in our community. # Story Matters Website A modern, responsive website for Story Matters Entertainment with a comprehensive content management system. ## ✨ Features - **Modern React Frontend** with responsive design - **Content Management System** for stories and articles - **User Management** with role-based access control - **Neon PostgreSQL Database** for fast, reliable data storage - **Netlify Functions** for serverless backend operations - **Real-time Updates** and live content management ## 🚀 Quick Start 1. **Clone the repository** ```bash git clone github.com cd storymatters-website ``` 2. **Install dependencies** ```bash npm install cd netlify/functions && npm install ``` 3. **Set up environment variables** ```bash cp env.example .env ``` Edit `.env` with your actual values: - `DATABASE_URL`: Your Neon PostgreSQL connection string - `ADMIN_TOKEN`: A secure admin token 4. **Set up Neon Database** - Create a Neon account at neon.tech - Create a new project and database - Copy your connection string to `DATABASE_URL` - The database tables will be created automatically 5. **Start the development server** ```bash npm run dev ``` ## 📁 Project Structure ``` storymatters-website/ ├── src/ # React frontend │ ├── components/ # Reusable components │ ├── pages/ # Page components │ ├── contexts/ # React contexts │ └── App.js # Main app component ├── netlify/ # Netlify Functions (backend) │ └── functions/ # Serverless functions ├── public/ # Static assets ├── .env # Environment variables (not committed) ├── env.example # Environment template └── README.md # This file ``` ## 🔐 Environment Variables Create a `.env` file based on `env.example`: ```env DATABASE_URL=postgresql://username:password@host:port/database?sslmode=require ADMIN_TOKEN=your-secure-admin-token PORT=5000 ``` ## 🚨 …