Skip to content

Registration Page and Frontend designee #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Cyrus-spc-tech wants to merge 35 commits into
base: frontend
Choose a base branch
from
Open

Registration Page and Frontend designee #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
7cd45b9
updated readme file
wingFire-29 Jul 12, 2025
2d18fee
updated readme file
wingFire-29 Jul 12, 2025
3b6d6c1
Add files via upload
wingFire-29 Jul 12, 2025
b04d43f
Fixes
Cyrus-spc-tech Jul 12, 2025
711909f
Fixes
Cyrus-spc-tech Jul 12, 2025
052e1e6
File structure
Cyrus-spc-tech Jul 12, 2025
11b2c07
file fix
Cyrus-spc-tech Jul 12, 2025
f4df3d5
file fix
Cyrus-spc-tech Jul 12, 2025
a447a4e
React
Cyrus-spc-tech Jul 14, 2025
3ae4727
Logo
Cyrus-spc-tech Jul 14, 2025
538822f
Sim Front
Cyrus-spc-tech Jul 15, 2025
7e719ad
Gallery add
Cyrus-spc-tech Jul 16, 2025
ffbfa52
Adding about
Cyrus-spc-tech Jul 22, 2025
b5dbcd3
updating about
Cyrus-spc-tech Jul 22, 2025
c6ecce1
Fixing about
Cyrus-spc-tech Jul 22, 2025
fdb5d07
Fixing all
Cyrus-spc-tech Jul 22, 2025
3c82257
fixes
Cyrus-spc-tech Jul 22, 2025
9f08c3a
Adding fixex
Cyrus-spc-tech Jul 22, 2025
c650989
Adding link
Cyrus-spc-tech Jul 22, 2025
a65ac10
Adding login form
Cyrus-spc-tech Jul 23, 2025
f1ff362
Login/signup
Cyrus-spc-tech Jul 24, 2025
5b5eec1
Profile page
Cyrus-spc-tech Jul 25, 2025
18e4bad
Addding indeclog
Cyrus-spc-tech Jul 25, 2025
2748285
Addding indeclog
Cyrus-spc-tech Jul 25, 2025
e2e267c
Addding indeclog
Cyrus-spc-tech Jul 25, 2025
ddb6f93
After Login Panel
Cyrus-spc-tech Jul 25, 2025
9d80d59
updating after login
Cyrus-spc-tech Jul 30, 2025
9d6e95f
adding event page
Cyrus-spc-tech Aug 5, 2025
a2edf62
fixing css
Cyrus-spc-tech Aug 5, 2025
578e6fd
fixes
Cyrus-spc-tech Aug 5, 2025
5448b9c
Adding week 1 code
Cyrus-spc-tech Aug 5, 2025
3a97012
fixing firebase auth
Cyrus-spc-tech Sep 22, 2025
c9ef98d
Update readme.md
Cyrus-spc-tech Jan 1, 2026
9436ffd
event pg
Cyrus-spc-tech Jan 1, 2026
7307e6c
event pg
Cyrus-spc-tech Jan 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Assets/Coding competition.docx
View file
Open in desktop
Binary file not shown.
Binary file added Assets/devhive.jpeg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Empty file added Assets/log/log.html
View file
Open in desktop
Empty file.
276 changes: 276 additions & 0 deletions Assets/log/profile.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,276 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Profile - DevHive</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="icon" href="/Frontend/assets/images/logo.png">
<style>
.gradient-bg {
background: linear-gradient(135deg, #000000 0%, #031a46 50%, #000000 100%);
}
.profile-card {
background: rgba(43, 0, 78, 0.466);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.skill-tag {
background: linear-gradient(90deg, #2f1b52 0%, #2f1b52 100%);
transition: all 0.3s ease;
}
.skill-tag:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(99, 102, 241, 0.3);
}
.navv a{
color: #ffffff;
padding: 5px;
border-radius: 5px;
transition: all 0.3s ease;
text-decoration: none;

}
.navv a:hover{
color: #ba97f5;
transition: all 0.3s ease;
text-decoration: underline;
text-decoration-color: #ba97f5;
text-decoration-thickness: 2px;
text-underline-offset: 2px;

}
</style>
</head>
<body class="gradient-bg min-h-screen text-gray-100">
<!-- Navigation -->
<nav class="bg-gray-900 bg-opacity-80 backdrop-blur-md fixed w-full z-10">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<a href="/indexafterlogin.html" class="flex-shrink-0">
<img class="h-8 w-8" src="/Frontend/assets/images/logo.png" alt="DevHive">
</a>
<div class="hidden md:block">
<div class="navv ml-10 flex items-baseline space-x-4 font-mono">
<a href="/indexafterlogin.html" class="text-gray-300">Home</a>
<a href="/Frontend/public/Event/events.html" class="text-gray-300">Events</a>
<a href="/Frontend/public/Gallery/gallary.html" class="text-gray-300">Gallery</a>
</div>
</div>
</div>
<div class="profile-dropdown relative ml-4">
<button class="flex items-center text-sm rounded-full focus:outline-none">
<img class="h-8 w-8 rounded-full border-2 border-purple-500" src="/Frontend/assets/images/10.jpg" alt="Profile">
</button>
</div>
</div>
</div>
</nav>

<!-- Main Content -->
<div class="pt-24 pb-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
<!-- Profile Header -->
<div class="profile-card rounded-2xl shadow-xl overflow-hidden mb-8">
<div class="h-48 bg-gradient-to-r from-purple-600 to-blue-600 relative">
<div class="absolute -bottom-16 left-6">
<div class="h-32 w-32 rounded-full border-4 border-gray-800 bg-gray-700 overflow-hidden">
<img src="/Frontend/assets/images/10.jpg" alt="Profile" class="h-full w-full object-cover">
</div>
</div>
<div class="absolute bottom-4 right-6">
<button class="bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors">
<i class="fas fa-edit mr-2"></i>Edit Profile
</button>
</div>
</div>
<div class="pt-20 px-6 pb-6">
<div class="flex justify-between items-start">
<div>
<h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-pink-500">name</h1>
<p class="text-gray-400">@username</p>
<p class="mt-2 text-gray-300">Expertise</p>
</div>
<div class="text-right">
<div class="text-sm text-gray-400 font-mono">Joined</div>
<div class="font-medium">Date</div>
</div>
</div>
</div>
</div>

<!-- Main Grid -->
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">

<div class="lg:col-span-2 space-y-6">

<div class="profile-card p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-user-circle mr-2 text-purple-400"></i>
About
</h2>
<p class="text-gray-300 leading-relaxed">
Bio
</p>
</div>


<div class="profile-card p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-code mr-2 text-purple-400"></i>
Skills & Expertise
</h2>
<div class="flex flex-wrap gap-3">
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">JavaScript</span>
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">React</span>
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">Node.js</span>
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">Python</span>
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">Docker</span>
<span class="skill-tag px-3 py-1 rounded-full text-sm font-medium">AWS</span>
</div>
</div>


<div class="profile-card p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-history mr-2 text-purple-400"></i>
Recent Activity
</h2>
<div class="space-y-4">
<div class="flex items-start">
<div class="bg-purple-600 rounded-full p-2 mr-3">
<i class="fas fa-code-commit text-white"></i>
</div>
<div>
<p class="font-medium">Pushed to repository</p>
<p class="text-sm text-gray-400">Updated authentication middleware</p>
<p class="text-xs text-gray-500">2 hours ago</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-600 rounded-full p-2 mr-3">
<i class="fas fa-comment-dots text-white"></i>
</div>
<div>
<p class="font-medium">Commented on issue</p>
<p class="text-sm text-gray-400">"Add dark mode support"</p>
<p class="text-xs text-gray-500">1 day ago</p>
</div>
</div>
</div>
</div>
</div>


<div class="space-y-6">

<div class="profile-card p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-envelope mr-2 text-purple-400"></i>
Contact
</h2>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-envelope text-gray-400 w-5 mr-3"></i>
<span class="text-gray-300">@example.com</span>
</div>
<div class="flex items-center">
<i class="fab fa-github text-gray-400 w-5 mr-3"></i>
<a href="#" class="text-purple-400 hover:underline">github.com</a>
</div>
<div class="flex items-center">
<i class="fab fa-linkedin text-gray-400 w-5 mr-3"></i>
<a href="#" class="text-purple-400 hover:underline">linkedin.com/in/</a>
</div>
<div class="flex items-center">
<i class="fas fa-globe text-gray-400 w-5 mr-3"></i>
<a href="#" class="text-purple-400 hover:underline">example.com</a>
</div>
</div>
</div>


<div class="profile-card p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-award mr-2 text-purple-400"></i>
Badges
</h2>
<div class="grid grid-cols-3 gap-3">
<div class="flex flex-col items-center">
<div class="bg-yellow-500 rounded-full w-12 h-12 flex items-center justify-center mb-1">
<i class="fas fa-star text-white"></i>
</div>
<span class="text-xs text-center">Top Contributor</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-green-500 rounded-full w-12 h-12 flex items-center justify-center mb-1">
<i class="fas fa-check text-white"></i>
</div>
<span class="text-xs text-center">Verified</span>
</div>
<div class="flex flex-col items-center">
<div class="bg-blue-500 rounded-full w-12 h-12 flex items-center justify-center mb-1">
<i class="fas fa-bolt text-white"></i>
</div>
<span class="text-xs text-center">Active</span>
</div>
</div>
</div>


<div class="profile-card p-6 rounded-2xl">
<div class="flex justify-between items-center mb-4">
<h2 class="text-xl font-bold flex items-center">
<i class="fas fa-folder-open mr-2 text-purple-400"></i>
Projects
</h2>
<button class="text-purple-400 hover:text-purple-300 text-sm">
<i class="fas fa-plus mr-1"></i> New
</button>
</div>
<div class="space-y-3">
<div class="p-3 bg-gray-800 rounded-lg hover:bg-gray-700 transition-colors">
<h3 class="font-medium">DevHive Platform</h3>
<p class="text-sm text-gray-400">A collaborative platform for developers</p>
<div class="flex mt-2">
<span class="text-xs bg-gray-700 px-2 py-1 rounded mr-2">JavaScript</span>
<span class="text-xs bg-gray-700 px-2 py-1 rounded">React</span>
</div>
</div>
<div class="p-3 bg-gray-800 rounded-lg hover:bg-gray-700 transition-colors">
<h3 class="font-medium">Code Snippet Manager</h3>
<p class="text-sm text-gray-400">Organize and share code snippets</p>
<div class="flex mt-2">
<span class="text-xs bg-gray-700 px-2 py-1 rounded mr-2">Python</span>
<span class="text-xs bg-gray-700 px-2 py-1 rounded">Django</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script>
// Add any interactive functionality here
document.addEventListener('DOMContentLoaded', function() {
// Toggle profile dropdown
const profileBtn = document.querySelector('.profile');
const dropdownMenu = document.querySelector('.dropdown-menu');

if (profileBtn && dropdownMenu) {
profileBtn.addEventListener('click', (e) => {
e.stopPropagation();
dropdownMenu.classList.toggle('hidden');
});

// Close dropdown when clicking outside
document.addEventListener('click', () => {
dropdownMenu.classList.add('hidden');
});
}
});
</script>
</body>
</html>
15 changes: 15 additions & 0 deletions DevHivecode (Content)/Week1(Basic Syntax and Structure)/Day1.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
// Day 1: Hello World and basic input/output example
// Demonstrates cout for output and cin for input.
#include <iostream>
#include <string>

int main() {
std::cout << "Hello, World!" << std::endl;

std::cout << "Enter your name: ";
std::string name;
std::cin >> name;
std::cout << "Welcome, " << name << "!" << std::endl;

return 0;
}
21 changes: 21 additions & 0 deletions DevHivecode (Content)/Week1(Basic Syntax and Structure)/Day2.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
// Day 2: Demonstrates basic C++ data types (int, float, char, string)
#include <iostream>
#include <string>

int main() {
// Integer
int age = 25;
// Floating point number
float pi = 3.14159f;
// Character
char grade = 'A';
// String
std::string greeting = "Hello";

std::cout << "Age: " << age << "\n";
std::cout << "Pi: " << pi << "\n";
std::cout << "Grade: " << grade << "\n";
std::cout << "Greeting: " << greeting << "\n";

return 0;
}
28 changes: 28 additions & 0 deletions DevHivecode (Content)/Week1(Basic Syntax and Structure)/Day3.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
// Day 3: Demonstrates arithmetic, comparison, and logical operators in C++
#include <iostream>

int main() {
int a = 10, b = 3;

// Arithmetic
std::cout << "a + b = " << a + b << "\n";
std::cout << "a - b = " << a - b << "\n";
std::cout << "a * b = " << a * b << "\n";
std::cout << "a / b = " << a / b << "\n";
std::cout << "a % b = " << a % b << "\n";

// Comparison
std::cout << std::boolalpha; // print bools as true/false
std::cout << "a == b: " << (a == b) << "\n";
std::cout << "a != b: " << (a != b) << "\n";
std::cout << "a > b: " << (a > b) << "\n";
std::cout << "a < b: " << (a < b) << "\n";

// Logical
bool x = true, y = false;
std::cout << "x && y: " << (x && y) << "\n";
std::cout << "x || y: " << (x || y) << "\n";
std::cout << "!x: " << (!x) << "\n";

return 0;
}
38 changes: 38 additions & 0 deletions DevHivecode (Content)/Week1(Basic Syntax and Structure)/Day4.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
// Day 4: Demonstrates conditional statements (if-else and switch) in C++
#include <iostream>

int main() {
int number;
std::cout << "Enter an integer: ";
std::cin >> number;

// if-else
if (number % 2 == 0) {
std::cout << number << " is even.\n";
} else {
std::cout << number << " is odd.\n";
}

// switch
char option;
std::cout << "Enter grade (A-D): ";
std::cin >> option;
switch (option) {
case 'A':
std::cout << "Excellent!\n";
break;
case 'B':
std::cout << "Good job!\n";
break;
case 'C':
std::cout << "Fair.\n";
break;
case 'D':
std::cout << "Needs improvement.\n";
break;
default:
std::cout << "Invalid grade.\n";
}

return 0;
}
Loading