Welcome to the official repository for the DevPath India Community Website. This platform is designed to foster collaboration, share resources, manage events, and connect developers within the DevPath India community. Built with the latest web technologies, it offers a modern, responsive, and interactive user experience.
| Section | Description |
|---|---|
| 🚀 Features | Explore the platform's core functionality and community-focused features. |
| 🛠️ Tech Stack | Discover the technologies, frameworks, and services powering the platform. |
| 📂 Project Structure | Understand the organization and architecture of the codebase. |
| 📸 Screenshots | Preview key pages and user experiences. |
| 🏁 Getting Started | Set up and run the project locally. |
| 📋 Prerequisites | Review required tools and dependencies. |
| ⚡ Installation | Follow the project installation steps. |
| 🔥 Local Firebase Configuration | Configure Firebase for local development. |
| 📜 Available Scripts | Reference commonly used development commands. |
| 🤝 Contributing | Learn how to contribute to the project. |
| 💖 Code of Conduct | Review community standards and expectations. |
| 📄 License & Brand Protection | Understand licensing terms and branding policies. |
| 🌟 Major Contributors | Meet the contributors behind the project. |
- 🤝 Community Hub — Connect with developers, mentors, and contributors.
- 📅 Event Management — Discover hackathons, workshops, and community events.
- 📚 Resource Library — Access curated roadmaps, tutorials, and learning resources.
- 📖 Wiki & Knowledge Base — Explore guides, documentation, and community articles.
- 👤 User Profiles — Showcase your skills, achievements, and contributions.
- 🌟 Open Source Collaboration — Contribute to projects and grow through real-world experience.
- 📱 Responsive Design — Seamlessly accessible across desktop, tablet, and mobile devices.
DevPath India is built using a modern, scalable, and developer-friendly technology stack designed for performance, maintainability, and an exceptional user experience.
| Category | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Frontend Library | React 19 |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Animations | Framer Motion & GSAP |
| Icons | Lucide React |
| Linting & Code Quality | ESLint |
| Package Manager | npm |
| Backend Services | Firebase |
| Deployment | Vercel |
flowchart LR
User["👤 User"]
User --> UI["⚛️ React 19 UI"]
UI --> Next["▲ Next.js 16"]
Next --> TS["📘 TypeScript"]
Next --> Tailwind["🎨 Tailwind CSS"]
Next --> Motion["✨ Framer Motion / GSAP"]
Next --> Firebase["🔥 Firebase"]
Firebase --> Auth["🔐 Authentication"]
Firebase --> DB["📂 Database"]
Next --> Vercel["☁️ Vercel Deployment"]
A quick overview of the project's organization to help new contributors navigate the codebase easily.
DevPath-Web/
├── .github/ # GitHub workflows, PR & issue templates
├── public/ # Static assets (images, icons, fonts, logo)
├── scripts/ # Utility and automation scripts
├── src/ # Main source code
│ ├── app/ # Next.js App Router — pages, layouts & routing
│ ├── assets/ # Project assets (SVGs, illustrations)
│ ├── components/ # Reusable UI components used across pages
│ ├── config/ # App-level configuration and constants
│ ├── context/ # React Context API providers (global state)
│ ├── data/ # Static data, mock data & content constants
│ ├── hooks/ # Custom React hooks for shared logic
│ ├── lib/ # Third-party library setups (Firebase, etc.)
│ └── utils/ # Helper functions and utility methods
├── .env.example # Environment variables template
├── .env.local # Local environment variables (git-ignored)
├── firebase.json # Firebase Hosting & services configuration
├── firestore.rules # Firestore security rules
├── firestore.indexes.json # Firestore composite indexes
├── next.config.ts # Next.js configuration
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript compiler configuration
├── postcss.config.js # PostCSS configuration
└── eslint.config.mjs # ESLint rules and configuration
| Home Page | Community |
|---|---|
 |
 |
DevPath-Web/
├── .github/ # GitHub workflows, issue templates, and PR templates
├── public/ # Static assets (images, icons, logos, fonts)
├── scripts/ # Utility scripts and automation tasks
├── src/
│ ├── app/ # Next.js App Router pages, layouts, and routes
│ ├── assets/ # SVGs, illustrations, and project assets
│ ├── components/ # Reusable UI components
│ ├── config/ # Application configuration and constants
│ ├── context/ # React Context providers and global state
│ ├── data/ # Static content, metadata, and mock data
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Firebase and third-party service integrations
│ └── utils/ # Shared helper functions and utilities
├── .env.example # Environment variables template
├── firebase.json # Firebase Hosting configuration
├── firestore.rules # Firestore security rules
├── firestore.indexes.json # Firestore composite indexes
├── next.config.ts # Next.js configuration
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
├── postcss.config.js # PostCSS configuration
└── eslint.config.mjs # ESLint configurationGet DevPath India running locally in just a few steps.
Make sure you have:
- Node.js (Latest LTS recommended)
- npm, yarn, or pnpm
- Git
- A Firebase project
- Clone the repository
git clone https://github.com/devpathindcommunity-india/DevPath-Web.git
cd DevPath-Web- Install dependencies
npm install- Configure environment variables
cp .env.example .env.localAdd your Firebase credentials to .env.local.
-
Create a project in the Firebase Console.
-
Enable:
- Authentication
- Firestore Database
-
Register a Web App and copy the Firebase configuration.
-
Paste the values into
.env.local.
Caution
Never commit .env.local or expose Firebase credentials publicly.
Start the development server:
npm run devVisit:
http://localhost:3000You can also run the app in Docker for a consistent contributor setup:
cp .env.example .env.local
docker compose up --buildThe app will be available at:
http://localhost:3000To stop the container, press Ctrl+C, then run:
docker compose down| Command | Description |
|---|---|
npm run dev |
Start the development server |
npm run build |
Create a production build |
npm run start |
Run the production build |
npm run lint |
Check code quality with ESLint |
Build and deploy the application:
npm run build
npx firebase deployContributions of all sizes are welcome! Whether you're fixing bugs, improving documentation, enhancing the UI, or introducing new features, your contributions help make DevPath India better for everyone.
- Fork the repository
- Create a feature branch
- Make your changes
- Commit with meaningful messages
- Submit a Pull Request
Before contributing, please review our:
We appreciate every contribution, from first-time contributors to experienced maintainers.
DevPath India is committed to fostering a welcoming, inclusive, and respectful community for everyone.
By participating in this project, you agree to follow our:
Let's build a positive and collaborative environment together.
This project is distributed under the DevPath India Source-Available License.
- ✅ Clone and run the project locally
- ✅ Learn from and modify the source code
- ✅ Submit pull requests and community contributions
- ❌ Commercial use is prohibited
- ❌ Hosting public clones or competing services is not permitted
- ❌ Redistribution under the DevPath India brand is not allowed
Warning
The DevPath India name, logo, branding assets, and visual identity are protected and may not be used without explicit permission.
For complete terms, please refer to the LICENSE file.
- Aditya948351 - Core Maintainer & Lead Developer
Built with ❤️ by the DevPath India Community
Empowering developers through collaboration, learning, and open source.