TechzRevamp ๐
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
Clone the repository:
```bash
git clone https://github.com/RCCTechzClub/TechzRevamp.git
cd TechzRevamp
Install dependencies:
```bash
npm install
Create a .env.local file with your Supabase and Cloudinary credentials:
```bash
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
Run the development server:
```bash
npm run dev
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!
Our Contributors โค๏ธ
Thank you for contributing to our repository
Support
Don't forget to leave a star

for this project!
Go to Top