48 |
49 | );
50 | }
51 |
52 | export default SkillComponent;
53 |
--------------------------------------------------------------------------------
/src/app/assest/instagram.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing to RCCTechz Website Revamp
2 |
3 | Thank you for your interest in contributing to the RCCTechz Website Revamp! We welcome contributions from everyone in the community and aim to create a friendly and inclusive environment. Please take a moment to review this document before you start contributing.
4 |
5 | ## How Can You Contribute?
6 |
7 | There are many ways to contribute to this project, including:
8 |
9 | 1. **Reporting Bugs**: If you find any bugs, please report them by creating an issue.
10 | 2. **Suggesting Features**: If you have ideas to improve the project, feel free to suggest them.
11 | 3. **Improving Documentation**: Enhancing the documentation helps others understand and use the project better.
12 | 4. **Coding**: If you’re familiar with web development, you can contribute by writing code for features, fixing bugs, or refactoring existing code.
13 | 5. **Design**: We welcome any UI/UX improvements or new design ideas for the project.
14 |
15 | ## Getting Started
16 |
17 | To contribute, follow these steps:
18 |
19 | 1. **Fork the Repository**: Click the "Fork" button on the top right to create a copy of this repository on your GitHub account.
20 |
21 | 2. **Clone Your Fork**:
22 | ```bash
23 | git clone https://github.com/RCCTechzClub/TechzRevamp.git
24 | 3. **Create a Branch**: Create a new branch for your changes to keep your contributions organized.
25 | ```bash
26 | git checkout -b feature-name
27 | 4. **Make Changes**: Implement your changes locally. Be sure to run tests if applicable and format your code according to the project’s style.
28 | 5. **Commit and Push**:
29 | ```bash
30 | git add .
31 | git commit -m "Description of changes"
32 | git push origin feature-name
33 | 6. Create a Pull Request:
34 | Go to the repository on GitHub.
35 | Click the "Pull Request" button.
36 | Choose your branch and submit the pull request with a clear title and description of your changes.
37 |
38 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/src/components/TechzMagzine.tsx:
--------------------------------------------------------------------------------
1 | import Image from "next/image";
2 | import React from "react";
3 | import magazing from '@/app/assest/magazing.svg';
4 | import { useTheme } from "next-themes";
5 |
6 | const TechzMagazine = () => {
7 | const { theme } = useTheme();
8 |
9 | const isDarkMode = theme === 'dark';
10 | return (
11 |
8 |
9 | **College Club Website Revamp**
10 |
11 | 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!
12 | ## 🚨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/)
13 |
14 |
15 | ## ✨ Tech Stack
16 |
17 | - **Frontend**: [Next.js](https://nextjs.org/), [Tailwind CSS](https://tailwindcss.com/)
18 | - **Backend**: [Supabase](https://supabase.io/)
19 | - **Cloud Storage**: [Cloudinary](https://cloudinary.com/) for media assets
20 | - **Deployment**: Vercel (TBD)
21 |
22 | ## 🌟 Features
23 |
24 | - Responsive UI using Tailwind CSS
25 | - Integration with Supabase for backend services
26 | - Cloudinary CDN for optimized image storage and delivery
27 | - Authentication and User Profiles (coming soon!)
28 | - Event Management System (coming soon!)
29 | - Club Blog and News Section
30 |
31 | ## 🎨 Screenshots
32 |
33 | _Add screenshots of the website here once development is underway_
34 |
35 | ## 🤝 Contribution Guidelines
36 |
37 | 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.
38 |
39 | ## 🚀 Getting Started
40 |
41 | ### Prerequisites
42 |
43 | - **Node.js**: Make sure you have Node.js installed on your machine.
44 | - **Supabase Key**: Get your Supabase project key and database URL from your Supabase dashboard.
45 | - **Cloudinary Account**: Create a Cloudinary account and get your API key.
46 |
47 | ### Local Development
48 |
49 | 1. Clone the repository:
50 |
51 | ```bash
52 | git clone https://github.com/RCCTechzClub/TechzRevamp.git
53 | cd TechzRevamp
54 | 2. Install dependencies:
55 | ```bash
56 | npm install
57 | 3. Create a .env.local file with your Supabase and Cloudinary credentials:
58 | ```bash
59 | NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
60 | NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
61 | NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your-cloudinary-name
62 | NEXT_PUBLIC_CLOUDINARY_API_KEY=your-cloudinary-api-key
63 | 4. Run the development server:
64 | ```bash
65 | npm run dev
66 | 5. Open your browser at http://localhost:3000 to see the site.
67 | ## 🛠️ Technologies Used
68 | - Next.js for server-side rendering and static site generation.
69 | - Tailwind CSS for fast, responsive styling.
70 | - Supabase for database and authentication.
71 | - Cloudinary for image storage and optimization.
72 | ## 🎉 Happy Coding!
73 |
74 |
75 |
76 |
77 |
78 |
41 |
110 |
134 |
135 |
136 |
--------------------------------------------------------------------------------
/src/components/Footer.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Image from "next/image";
3 | import Logo from '@/app/assest/logo.svg';
4 | import IconXing from '@/app/assest/xing.svg';
5 | import IconInstagram from '@/app/assest/instagram.svg';
6 | import IconYouTube from '@/app/assest/youtube.svg';
7 | import IconLinkedIn from '@/app/assest/linkedin.svg';
8 | import bg from '@/app/assest/footerbg.png';
9 |
10 | const Footer = () => {
11 | return (
12 |
88 | );
89 | };
90 |
91 | export default Footer;
92 |
--------------------------------------------------------------------------------
/src/components/Faq.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import { useState } from 'react';
3 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
4 | import { faQuestionCircle, faLightbulb, faHandsHelping, faUserGraduate, faCode, faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
5 |
6 | const faqs = [
7 | {
8 | emoji: ,
9 | question: "What resources does the club offer for new members?",
10 | answer: "The club provides access to exclusive resources, including workshops, mentorship programs, and coding challenges tailored for new members to enhance their skills.",
11 | },
12 | {
13 | emoji: ,
14 | question: "How can I improve my skills through the club?",
15 | answer: "Participating in our study groups, hackathons, and collaborative projects allows you to learn from peers and experienced members, significantly boosting your skills.",
16 | },
17 | {
18 | emoji: ,
19 | question: "Are there mentorship opportunities available?",
20 | answer: "Yes, we connect experienced members with newcomers to provide guidance and support throughout your learning journey in the club.",
21 | },
22 | {
23 | emoji: ,
24 | question: "Does the club host study groups or workshops?",
25 | answer: "Absolutely! We regularly host study groups and workshops on various topics, including software development, design, and emerging technologies.",
26 | },
27 | {
28 | emoji: ,
29 | question: "How can I stay informed about club events and updates?",
30 | answer: "You can stay updated by following our newsletters, joining our online forums, and attending our regular meetings and events.",
31 | },
32 | ];
33 |
34 | export default function FAQ() {
35 | const [open, setOpen] = useState(null);
36 |
37 | const toggleFAQ = (index: number) => {
38 | setOpen(open === index ? null : index);
39 | };
40 |
41 |
42 | const isDarkMode = true;
43 |
44 | return (
45 |
52 |
55 |
56 |
57 |
58 |
Frequently Asked Questions
59 | {faqs.map((faq, index) => (
60 |
61 |
80 | {open === index && (
81 |
82 | {faq.answer}
83 |
84 | )}
85 |
86 | ))}
87 |
88 |
89 | );
90 | }
91 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | We as members, contributors, and leaders pledge to make participation in our
6 | community a harassment-free experience for everyone, regardless of age, body
7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
8 | identity and expression, level of experience, education, socio-economic status,
9 | nationality, personal appearance, race, religion, or sexual identity
10 | and orientation.
11 |
12 | We pledge to act and interact in ways that contribute to an open, welcoming,
13 | diverse, inclusive, and healthy community.
14 |
15 | ## Our Standards
16 |
17 | Examples of behavior that contributes to a positive environment for our
18 | community include:
19 |
20 | * Demonstrating empathy and kindness toward other people
21 | * Being respectful of differing opinions, viewpoints, and experiences
22 | * Giving and gracefully accepting constructive feedback
23 | * Accepting responsibility and apologizing to those affected by our mistakes,
24 | and learning from the experience
25 | * Focusing on what is best not just for us as individuals, but for the
26 | overall community
27 |
28 | Examples of unacceptable behavior include:
29 |
30 | * The use of sexualized language or imagery, and sexual attention or
31 | advances of any kind
32 | * Trolling, insulting or derogatory comments, and personal or political attacks
33 | * Public or private harassment
34 | * Publishing others' private information, such as a physical or email
35 | address, without their explicit permission
36 | * Other conduct which could reasonably be considered inappropriate in a
37 | professional setting
38 |
39 | ## Enforcement Responsibilities
40 |
41 | Community leaders are responsible for clarifying and enforcing our standards of
42 | acceptable behavior and will take appropriate and fair corrective action in
43 | response to any behavior that they deem inappropriate, threatening, offensive,
44 | or harmful.
45 |
46 | Community leaders have the right and responsibility to remove, edit, or reject
47 | comments, commits, code, wiki edits, issues, and other contributions that are
48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
49 | decisions when appropriate.
50 |
51 | ## Scope
52 |
53 | This Code of Conduct applies within all community spaces, and also applies when
54 | an individual is officially representing the community in public spaces.
55 | Examples of representing our community include using an official e-mail address,
56 | posting via an official social media account, or acting as an appointed
57 | representative at an online or offline event.
58 |
59 | ## Enforcement
60 |
61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
62 | reported to the community leaders responsible for enforcement at
63 | .
64 | All complaints will be reviewed and investigated promptly and fairly.
65 |
66 | All community leaders are obligated to respect the privacy and security of the
67 | reporter of any incident.
68 |
69 | ## Enforcement Guidelines
70 |
71 | Community leaders will follow these Community Impact Guidelines in determining
72 | the consequences for any action they deem in violation of this Code of Conduct:
73 |
74 | ### 1. Correction
75 |
76 | **Community Impact**: Use of inappropriate language or other behavior deemed
77 | unprofessional or unwelcome in the community.
78 |
79 | **Consequence**: A private, written warning from community leaders, providing
80 | clarity around the nature of the violation and an explanation of why the
81 | behavior was inappropriate. A public apology may be requested.
82 |
83 | ### 2. Warning
84 |
85 | **Community Impact**: A violation through a single incident or series
86 | of actions.
87 |
88 | **Consequence**: A warning with consequences for continued behavior. No
89 | interaction with the people involved, including unsolicited interaction with
90 | those enforcing the Code of Conduct, for a specified period of time. This
91 | includes avoiding interactions in community spaces as well as external channels
92 | like social media. Violating these terms may lead to a temporary or
93 | permanent ban.
94 |
95 | ### 3. Temporary Ban
96 |
97 | **Community Impact**: A serious violation of community standards, including
98 | sustained inappropriate behavior.
99 |
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 |
106 | ### 4. Permanent Ban
107 |
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior, harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 |
112 | **Consequence**: A permanent ban from any sort of public interaction within
113 | the community.
114 |
115 | ## Attribution
116 |
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.0, available at
119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
120 |
121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct
122 | enforcement ladder](https://github.com/mozilla/diversity).
123 |
124 | [homepage]: https://www.contributor-covenant.org
125 |
126 | For answers to common questions about this code of conduct, see the FAQ at
127 | https://www.contributor-covenant.org/faq. Translations are available at
128 | https://www.contributor-covenant.org/translations.
129 |
--------------------------------------------------------------------------------
/src/components/Club.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import bg2 from '@/app/assest/card3bg.jpg';
3 | import bg3 from '@/app/assest/card2bg.jpg';
4 | import bg4 from '@/app/assest/card4bg.svg';
5 | import code from '@/app/assest/code.svg';
6 | import Image from 'next/image';
7 | import { useTheme } from 'next-themes';
8 | const Club = () => {
9 | const { theme } = useTheme();
10 |
11 | const isDarkMode = theme === 'dark';
12 |
13 | return (
14 |
21 |
22 | Club Features
23 |
24 |
25 |
26 |
27 |
28 |
29 | Work on cool projects and showcase your skills on our website
30 |
31 |
32 |
33 |
34 |
47 |
48 |
58 |
59 |
60 | Get access to unlimited resources
61 |
62 |
63 |
64 |
65 |
77 |
78 |
88 |
89 |
90 | Optimize our website, with better performance and UI
91 |
92 |
93 |
94 |
95 |
109 |
110 | Enhance your problem-solving skills with our monthly coding challenge
111 |
17 | 
7 | 
Support 
for this project!
95 |