SCRC - Statistical Consulting & Remote Calling

A modern web application for SCRC (Statistical Consulting & Remote Calling), supporting Somalia's development through accurate data collection, statistical consulting, and reliable communication services.

🏢 About SCRC

SCRC is dedicated to supporting Somalia's development through:

• Statistical Consulting: Expert data analysis and statistical guidance
• Data Collection: Comprehensive data gathering services
• Remote Calling: Professional communication and outreach services
• Monitoring & Evaluation: Program assessment and impact measurement

🚀 Features

• Modern Responsive Design: Built with React and Tailwind CSS
• Interactive Contact Form: Direct communication with the team
• Service Showcase: Detailed information about SCRC's offerings
• Social Media Integration: Links to Facebook and LinkedIn profiles
• Professional Branding: Custom logo and consistent visual identity
• Mobile-First Approach: Optimized for all device sizes

🛠️ Technologies Used

• Frontend Framework: React 18 with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Icons: Lucide React
• Form Handling: React Hook Form
• Toast Notifications: Custom toast system

📦 Installation & Setup

Prerequisites

• Node.js (v16 or higher)
• npm or yarn package manager

Local Development

1. Clone the repository

   git clone https://github.com/mohashafici/somali-connect-data.git
   cd somali-connect-data

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser Navigate to http://localhost:5173 to view the application

📁 Project Structure

src/
├── components/          # React components
│   ├── Hero.tsx        # Landing page hero section
│   ├── Navbar.tsx      # Navigation component
│   ├── Footer.tsx      # Footer component
│   ├── Contact.tsx     # Contact form and information
│   └── ui/             # Reusable UI components
├── assets/             # Static assets
│   └── logo.jpg        # SCRC company logo
├── hooks/              # Custom React hooks
├── lib/                # Utility functions
└── App.tsx             # Main application component

🎨 Design System

The application uses a consistent design system with:

• Color Palette: Professional blue and teal gradients
• Typography: Clean, readable fonts
• Spacing: Consistent padding and margins
• Components: Reusable UI elements with shadcn/ui
• Animations: Smooth transitions and hover effects

📱 Responsive Design

The application is fully responsive and optimized for:

• Desktop: Full-featured experience with sidebar navigation
• Tablet: Adapted layout with collapsible navigation
• Mobile: Touch-friendly interface with mobile menu

🔗 Social Media Links

• Facebook: SCRC Facebook Page
• LinkedIn: SCRC LinkedIn Profile

📞 Contact Information

• Address: Mogadishu, Somalia
• Phone: +252-61-3559562
• Email: info.scrc@zohomail.com
• Contact Person: Mr. Mohamed Hassan Mohamed (Board of Directors)

🤝 Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is proprietary to SCRC (Statistical Consulting & Remote Calling). All rights reserved.

🆘 Support

For support and inquiries, please contact:

• Email: info.scrc@zohomail.com
• Phone: +252-61-3559562

---

SCRC - Supporting Somalia's Development Through Data and Communication