LocalConnect - Community Events & Volunteering Platform

A modern web application built with Next.js that connects communities through local events and volunteering opportunities.

Features

• Event Discovery: Browse and search local events with advanced filtering options
• Volunteer Opportunities: Find and sign up for volunteer positions in your community
• Community Impact: Track and showcase the collective impact of volunteer efforts
• Responsive Design: Fully responsive interface that works seamlessly across all devices
• Modern UI: Beautiful, accessible interface built with Tailwind CSS and shadcn/ui

Tech Stack

• Framework: Next.js 13.5
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Icons: Lucide React
• Deployment: Netlify

Getting Started

1. Clone the repository:

git clone [repository-url]

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser

Project Structure

├── app/                  # Next.js app directory
│   ├── about/           # About page
│   ├── events/          # Events page
│   ├── volunteer/       # Volunteer page
│   └── layout.tsx       # Root layout
├── components/          # React components
│   ├── about/          # About page components
│   ├── events/         # Events page components
│   ├── home/           # Home page components
│   ├── layout/         # Layout components
│   ├── ui/             # UI components
│   └── volunteer/      # Volunteer page components
├── lib/                # Utility functions
└── public/             # Static assets

Key Components

• Hero Sections: Engaging landing sections for each major page
• Event Cards: Reusable components for displaying event information
• Volunteer Opportunities: Cards showcasing volunteer positions
• Impact Metrics: Visual representation of community impact
• Navigation: Responsive navbar with mobile menu support

Deployment

The application is deployed on Netlify and can be accessed at: https://localconnectfibo.netlify.app

Contributing

1. Fork the repository
2. Create your 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

Acknowledgments

• Images from Unsplash
• UI Components from shadcn/ui
• Icons from Lucide