# 🗣️ Voz Negra
**Voz Negra** is a social impact web platform that allows marginalized individuals—especially Black communities, women, and other underrepresented groups—to **share real stories**, **report abuse**, and **inspire change** through their voices.
🔗 [Live Website](https://voz-negra.vercel.app/)
## 📌 Features
- 📝 Share real-life stories anonymously or publicly
- ❤️ Like and view stories shared by others
- 🔍 Filter content by story type (e.g., Overcoming, Entrepreneurship, Complaint)
- 💬 Encourage dialogue, awareness, and social support
## 🚀 Technologies Used
- **Next.js 15** – Full-stack React framework
- **Tailwind CSS** – Utility-first CSS for responsive and modern UI
- **TypeScript** – Type-safe JavaScript for better scalability
- **Lucide Icons** – Modern and customizable icon library
## 📷 Preview

> *Note: If the image doesn't show, please update the path to the correct preview image in your repo.*
## 💡 Project Goals
- Provide a **safe space** for marginalized voices to be heard
- Create **awareness** about social issues often silenced in society
- Encourage **collective empathy**, **solidarity**, and **community empowerment**
## 📂 Folder Structure (Simplified)
/src └── /app ├── page.tsx # Main page logic └── layout.tsx # Global layout and metadata └── /components # Reusable UI components └── /styles # Tailwind and global styles /public # Static assets
## 🛠️ Installation (Development)
```bash
# Clone the repository
git clone https://github.com/JuniorReisx/VOZ--NEGRA.git
# Navigate to the project folder
cd VOZ--NEGRA
# Install dependencies
npm install
# Run development server
npm run dev
Then open http://localhost:3000
in your browser.
npm run build
npm start
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.