/TechzRevamp

TechzRevamp is a modern, responsive website for RCCTechz, the tech club of RCCIIT. Built with Next.js, Tailwind CSS, Supabase, and Cloudinary, it showcases the club’s events, blogs, and activities. The project supports user authentication and open-source contributions for continuous improvement.

Primary LanguageTypeScript

TechzRevamp 🚀

TechzRevamp Logo

College Club Website Revamp

Welcome to the official repository of TechzRevamp, the revamped website for RCCTechz, the tech club of RCCIIT. This project is open for contributions from the community, and we are excited to work with developers, designers, and content creators to create an awesome, modern website for our club!

🚨Design is present in the DESIGN.md, please refer to that design !!, and you can see our existing website and take inspiration from that as well RCCTechz

✨ Tech Stack

🌟 Features

  • Responsive UI using Tailwind CSS
  • Integration with Supabase for backend services
  • Cloudinary CDN for optimized image storage and delivery
  • Authentication and User Profiles (coming soon!)
  • Event Management System (coming soon!)
  • Club Blog and News Section

🎨 Screenshots

Add screenshots of the website here once development is underway

🤝 Contribution Guidelines

We encourage everyone to contribute to this project and help us improve our club's website. Please read our CONTRIBUTING.md and CODE_OF_CONDUCT.md for more details.

🚀 Getting Started

Prerequisites

  • Node.js: Make sure you have Node.js installed on your machine.
  • Supabase Key: Get your Supabase project key and database URL from your Supabase dashboard.
  • Cloudinary Account: Create a Cloudinary account and get your API key.

Local Development

  1. Clone the repository:

    git clone https://github.com/RCCTechzClub/TechzRevamp.git
    cd TechzRevamp
  2. Install dependencies:

    npm install
  3. Create a .env.local file with your Supabase and Cloudinary credentials:

    NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
    NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your-cloudinary-name
    NEXT_PUBLIC_CLOUDINARY_API_KEY=your-cloudinary-api-key
  4. Run the development server:

    npm run dev
  5. Open your browser at http://localhost:3000 to see the site.

🛠️ Technologies Used

  • Next.js for server-side rendering and static site generation.
  • Tailwind CSS for fast, responsive styling.
  • Supabase for database and authentication.
  • Cloudinary for image storage and optimization.

🎉 Happy Coding!