OSS Website

The official website for OSS Community - a beginner-friendly open source community with 650+ passionate developers from Pune Institute of Computer Technology. Built with Next.js 15, TypeScript, and Tailwind CSS, featuring a pixel-art inspired design that showcases our community, projects, and initiatives.

Features

• Community Hub: Showcase of 650+ passionate developers and contributors
• Project Gallery: Featured open source projects built by community members
• FOSSible: Integration with our Medium publication for open source insights
• Sessions & Workshops: Information about regular learning events and talks
• Member Profiles: Interactive display of community members with fun status messages
• Pixel Art Design: Retro-inspired UI with custom pixelated borders and styling
• Responsive Design: Mobile-first approach optimized for all devices
• Performance Optimized: Fast loading with Next.js App Router and Turbopack
• Type Safe: Full TypeScript support for robust development

Quick Start

Prerequisites

• Node.js 18+
• npm, yarn, or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/Website.git
   cd Website

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Start the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open your browser and visit http://localhost:3000

Project Structure

├── app/
│   ├── components/          # React components
│   │   ├── Header.tsx      # Navigation header
│   │   ├── Hero.tsx        # Landing hero section
│   │   ├── Community.tsx   # Community engagement section
│   │   ├── Projects.tsx    # Project showcase
│   │   └── Footer.tsx      # Site footer
│   ├── globals.css         # Global styles
│   ├── layout.tsx          # Root layout
│   └── page.tsx           # Home page
├── public/                 # Static assets
├── CONTRIBUTING.md         # Contribution guidelines
├── LICENSE                # Apache 2.0 License
└── README.md              # This file

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS 4
• Icons: Lucide React
• Runtime: React 19 with latest features

Development

Available Scripts

Command	Description
npm run dev	Start development server with Turbopack
npm run build	Build for production
npm run start	Start production server
npm run lint	Run ESLint

About OSS Community

OSS Community is a thriving open source community:

• 650+ Active Members: Passionate developers, designers, and innovators
• Open Source Projects: Collaborative development of various tools and applications
• FOSSible Publication: Medium publication sharing open source insights and stories
• Regular Sessions: Workshops, talks, and learning events for skill development
• Beginner Friendly: Welcoming environment for developers at all skill levels
• Collaborative Culture: Focus on teamwork, mentorship, and knowledge sharing

Contributing

We welcome contributions! Please see our Contributing Guide for details on:

• Development setup
• Code standards
• Pull request process
• Issue reporting

License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

Support

• Create an issue for bug reports
• Follow us on Twitter for updates
• Read our articles on FOSSible Medium Publication
• Check the Contributing Guide for development help

---

Built with Next.js and TypeScript by the OSS Community