https://github.com/rcctechzclub/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.
https://github.com/rcctechzclub/techzrevamp
cloudina gssoc24 hacktoberfest next reac supaba tailwindcss
Last synced: about 1 year ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/rcctechzclub/techzrevamp
- Owner: RCCTechzClub
- Created: 2024-09-27T18:55:06.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-06T18:45:13.000Z (over 1 year ago)
- Last Synced: 2025-04-15T06:55:56.579Z (about 1 year ago)
- Topics: cloudina, gssoc24, hacktoberfest, next, reac, supaba, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 1.73 MB
- Stars: 8
- Watchers: 0
- Forks: 35
- Open Issues: 48
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
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](./DESIGN.md), please refer to that design !!, and you can see our existing website and take inspiration from that as well [RCCTechz](https://rcctechz.vercel.app/)
## ✨ Tech Stack
- **Frontend**: [Next.js](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com/)
- **Backend**: [Supabase](https://supabase.io/)
- **Cloud Storage**: [Cloudinary](https://cloudinary.com/) for media assets
- **Deployment**: Vercel (TBD)
## 🌟 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](./CONTRIBUTING.md) and [CODE_OF_CONDUCT.md](./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:
```bash
git clone https://github.com/RCCTechzClub/TechzRevamp.git
cd TechzRevamp
2. Install dependencies:
```bash
npm install
3. 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
4. Run the development server:
```bash
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!
Our Contributors ❤️
Thank you for contributing to our repository
Support
Don't forget to leave a star
for this project!