This project is now OFFICIALLY accepted for

GDG RCCIIT Website 🚀

Official Website for GDG on Campus RCCIIT

Welcome to the official repository of the GDG on Campus RCCIIT website! This project is an open-source initiative aimed at building a modern, interactive, and feature-rich platform for our Google Developer Group (GDG). We invite developers, designers, and content creators from all over to contribute and make this project a success!

📈 GitHub Repository Stats

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Closed PRs	🛠️ Languages	✅ Contributors

Project Structure ✨

Check the project structure here Project Structure

✨ Tech Stack

• Frontend: Next.js, Tailwind CSS

• Backend: Supabase

• Cloud Storage: Cloudinary (for media assets)

• Deployment: Vercel (TBD)

🌟 Features

• Responsive Design: Built using Tailwind CSS to ensure a mobile-first and responsive UI. 🌐

• Supabase Integration: Real-time data with a robust backend. 🛠️

• Cloudinary CDN: For optimized image storage and fast delivery. 📦

• Authentication & User Profiles: (Coming soon!) 🖼️

• Event Management System: (Coming soon!) 🗄️

• Blog & News Section: To showcase updates, articles, and news from the GDG community. 🗃️

• More to be announced soon

🎨 Screenshots

(Screenshots will be added as the development progresses)

🤝 Contribution Guidelines

We welcome everyone to contribute to the GDG RCCIIT website! Please review our CONTRIBUTING.md and CODE_OF_CONDUCT.md for more details on how to get involved.

Each contributor can only have 3 issues assigned or created at a time. Any additional issues will be considered spam and will be closed.

🚀 Getting Started

Prerequisites

• Node.js: Ensure you have Node.js installed.

• Supabase Key: Get your Supabase project key and database URL from the Supabase dashboard.

• Cloudinary Account: Sign up on Cloudinary and get your API key.

Local Development

1. Clone the Repository:

   git clone https://github.com/GDSC-RCCIIT/gdg-website.git ./

2. Install Dependencies:

   npm install

3. Set Up Environment Variables:

   cp .env.example .env.local

4. Run the Development Server:

   npm run dev

   Visit http://localhost:3000 to view the local version of the website.

🛠️ Technologies Used

• Next.js: For server-side rendering (SSR) and static site generation (SSG).
• Json-Server: For the backend and running the project locally.
• Tailwind CSS: For responsive, utility-first CSS design.
• Supabase: Provides real-time backend services and user authentication.
• Cloudinary: Handles cloud-based image storage and media optimization.

📂 How to Run the JSON Server

To set up and run a JSON server for testing or development purposes, follow these steps:

Prerequisites

• Node.js: Ensure you have Node.js installed on your machine.

Installation

1. Install JSON Server and CORS: Open your terminal and run the following command to install json-server and cors:

   npm install -g json-server cors

Running the JSON Server

1. Navigate to your project directory:

   cd path/to/your/project

2. Run the JSON Server: Execute the following command to start the JSON server:

   npx json-server data.json --port 5000

3. Access the Server: You can now access the JSON server at http://localhost:5000. This will serve your data.json file, and you can interact with it via API endpoints.

👀 Our Valuable Contributors 💖✨

💗 Forkers

⭐ Stargazers

[](https://github.com/GDSC-RCCIIT/gdg-website/stargazers)

🌐 Connect with Me

---

Thank you for visiting! Feel free to reach out through any of the links above.

Let me know if you'd like to add or modify any details!