-
Notifications
You must be signed in to change notification settings - Fork 119
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d91ca0d
commit aa0d1de
Showing
9 changed files
with
252 additions
and
4 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,136 @@ | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #1e1e2f; | ||
| color: #fff; | ||
| } | ||
|
|
||
| .container2 { | ||
| width: 80%; | ||
| margin: 0 auto; | ||
| padding: 20px; | ||
| } | ||
| .top { | ||
| position: absolute; | ||
| top: 30px; | ||
| left: 100px; | ||
| height: 200px; | ||
| border: 5px solid #cf00a3; /* Border around the image */ | ||
| border-radius: 15px; /* Rounded corners */ | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */ | ||
| } | ||
|
|
||
| .bottom { | ||
| position: absolute; | ||
| top: 30px; | ||
| right: 100px; | ||
| height: 200px; | ||
| border: 5px solid #cf00a3; /* Border around the image */ | ||
| border-radius: 15px; /* Rounded corners */ | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */ | ||
| } | ||
|
|
||
| .top:hover, .bottom:hover { | ||
| transform: scale(1.1); /* Slightly enlarge the image on hover */ | ||
| box-shadow: 0 0 15px rgba(0, 255, 255, 0.7); /* Glow effect */ | ||
| } | ||
|
|
||
| /* For better alignment and layout */ | ||
| .header img { | ||
| width: 100px; | ||
| border-radius: 50%; | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */ | ||
| text-align: center; | ||
| } | ||
|
|
||
| .header img:hover { | ||
| transform: scale(1.1); /* Slightly enlarge the logo on hover */ | ||
| box-shadow: 0 0 15px rgba(0, 255, 255, 0.7); /* Glow effect */ | ||
| } | ||
| .header h1 { | ||
| margin: 10px 0; | ||
| font-size: 2.5rem; | ||
| color: #cf00a3 ; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .section { | ||
| margin: 20px 0; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| color: white; | ||
| background-color: #2c2c3e; | ||
| box-shadow: 7px 7px 32px 0 #6052ff; | ||
| transition: transform 0.3s ease, background-color 0.3s ease; | ||
| text-align: justify; | ||
| border: 2px solid darkturquoise; | ||
| } | ||
| .section:hover { | ||
| background-color: #cf00a3; | ||
| transform: scale(1.05); | ||
| } | ||
| .section h2 { | ||
| font-size: 2rem; | ||
| margin-bottom: 10px; | ||
| color: darkturquoise; | ||
| } | ||
|
|
||
| .section p { | ||
| font-size: 1.0rem; | ||
| line-height: 1.6; | ||
| color: white; | ||
| } | ||
|
|
||
| .section ul { | ||
| list-style: none; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .section ul li { | ||
| background: #333; | ||
| margin: 10px 0; | ||
| padding: 10px; | ||
| border-radius: 5px; | ||
| } | ||
| .section:nth-of-type(3) ul li:hover { | ||
| background-color: darkturquoise; | ||
| color: #fff; /* Optional: change text color to contrast with darkturquoise */ | ||
| } | ||
| /* Common hover effect for all specified sections */ | ||
| .key-features ul li:hover, | ||
| .why-choose ul li:hover, | ||
| .key-benefits ul li:hover { | ||
| background-color: darkturquoise; | ||
| color: #fff; /* Optional: change text color to contrast with darkturquoise */ | ||
| transition: background-color 0.3s ease; /* Smooth transition for background color change */ | ||
| } | ||
|
|
||
|
|
||
| @media screen and (min-width: 768px) { | ||
| .container1 { | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: justify; | ||
| } | ||
|
|
||
| .section { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .header, | ||
| .footer1 { | ||
| width: 100%; | ||
| } | ||
| } | ||
|
|
||
| @media screen and (min-width: 1024px) { | ||
| .container1 { | ||
| width: 70%; | ||
| } | ||
|
|
||
| .section { | ||
| margin: 20px auto; | ||
| padding: 20px 40px; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| import React from 'react'; | ||
| import './PortFolio.css'; | ||
| import logo from "../PortFolio/logo.png"; | ||
| import homeIcon from '../FreeLancer/homeicon.png'; | ||
| import { Link } from 'react-router-dom'; | ||
| import Top from "./UniCollab-Top.png"; | ||
| import Bottom from "./UniCollab-Bottom.png"; | ||
|
|
||
| const PortFolio = () => { | ||
| return ( | ||
| <div className="container2"> | ||
| <Link to="/" className="home-link"> | ||
| <img src={homeIcon} alt="Home" className="home-icon" /> | ||
| </Link> | ||
| <img src={Top} alt="Logo" className="top" style={{ width: '550px' }} /> | ||
| <img src={Bottom} alt="Logo" className="bottom" style={{ width: '550px' }} /> | ||
| <header className="header"> | ||
| <h1>UniCollab</h1> | ||
| <img | ||
| src={logo} | ||
| alt="Logo" | ||
| className="logo" | ||
| style={{ | ||
| width: '150px', | ||
| display: 'block', | ||
| margin: '0 auto', | ||
| border: '5px solid darkturquoise' /* Border around the image */ | ||
| }} | ||
| /> | ||
|
|
||
| </header> | ||
| <img | ||
| src="https://readme-typing-svg.herokuapp.com/?color=00FFFF&size=40&width=900&height=80&lines=UniCollab:%20Unleashing%20Collaborative%20Learning" | ||
| alt="UniCollab Typing Animation" | ||
| style={{ display: 'block', margin: '0 auto' }} | ||
| /> | ||
| <section className="section"> | ||
| <h2>About UniCollab</h2> | ||
| <p> | ||
| UniCollab is more than just a platform; it's a gateway to a world where students from different universities/colleges converge to collaborate, innovate, and elevate their projects. Imagine a space where ideas flow freely, where knowledge is shared effortlessly, and where learning transcends classrooms. That's UniCollab for you. | ||
| </p> | ||
| </section> | ||
| <section className="section"> | ||
| <h2>Scope of the Project</h2> | ||
| <p> | ||
| To actively contribute to UniCollab, I encourage you to delve into the PROPOSED-AIM file which provides a comprehensive outline of our project's overarching goals and feature set. If you identify features that are needed but not yet implemented (as mostly are), please create an issue outlining the feature request for discussion and implementation. Your input will drive UniCollab's evolution as a dynamic and impactful platform for student collaboration. | ||
| </p> | ||
| </section> | ||
| <section className="section"> | ||
| <h2>Tech Stack</h2> | ||
| <ul> | ||
| <li>Node.js with Express.js for the server</li> | ||
| <li>MongoDB for the database (using Mongoose for object modeling)</li> | ||
| <li>Firebase Authentication for user authentication and authorization</li> | ||
| <li>Firebase Cloud Functions for serverless backend logic</li> | ||
| <li>React.js for a dynamic and responsive user interface</li> | ||
| <li>HTML5, CSS3, JavaScript for elegant and modern design</li> | ||
| <li>Firebase Hosting for fast and secure web hosting</li> | ||
| <li>Firebase Realtime Database for real-time data synchronization</li> | ||
| <li>GitLab CI/CD for automated testing and deployment</li> | ||
| <li>Docker for efficient and scalable deployment</li> | ||
| <li>Kubernetes for managing containerized applications</li> | ||
| <li>AWS for reliable and scalable hosting</li> | ||
| <li>AWS Lambda for cost-effective and scalable backend services</li> | ||
| <li>AWS S3 for secure and scalable storage solutions</li> | ||
| <li>TensorFlow and PyTorch for advanced machine learning capabilities</li> | ||
| <li>scikit-learn, pandas, NumPy for data manipulation and analysis</li> | ||
| <li>Docker containers for easy deployment of machine learning models</li> | ||
| <li>JWT for secure authentication and authorization</li> | ||
| <li>D3.js or Chart.js for interactive and visually appealing data representation</li> | ||
| <li>Jest for React.js unit testing, Selenium for end-to-end testing</li> | ||
| </ul> | ||
| </section> | ||
| <section className="section key-features"> | ||
| <h2>Key Features</h2> | ||
| <ul> | ||
| <li>Project Showcase: Showcase your projects and discover what other students are working on.</li> | ||
| <li>Collaborative Tools: Work together seamlessly with integrated collaboration tools.</li> | ||
| <li>Knowledge Sharing: Share insights, tips, and tricks with a community passionate about learning.</li> | ||
| <li>Career Opportunities: Explore internship and job opportunities from our partner organizations.</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section className="section why-choose"> | ||
| <h2>Why Choose UniCollab?</h2> | ||
| <ul> | ||
| <li>Enhanced Learning: Learn from peers, mentors, and a wealth of shared resources.</li> | ||
| <li>Networking Opportunities: Connect with students, professionals, and potential employers.</li> | ||
| <li>Project Visibility: Showcase your projects and gain recognition for your work.</li> | ||
| <li>Collaboration: Work with a diverse group of students on innovative projects.</li> | ||
| <li>Career Growth: Discover job and internship opportunities tailored to your skills and interests.</li> | ||
| <li>Community Support: Be part of a supportive and engaging community.</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section className="section key-benefits"> | ||
| <h2>Key Benefits</h2> | ||
| <ul> | ||
| <li>Knowledge Sharing: Access a wide range of tutorials, articles, and learning materials.</li> | ||
| <li>Real-Time Collaboration: Use integrated tools for seamless teamwork.</li> | ||
| <li>Skill Development: Participate in events, workshops, and collaborative projects to enhance your skills.</li> | ||
| <li>Recognition: Get recognized for your contributions and projects.</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default PortFolio; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters