Skip to content

amangupta9454/college

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

can you enhance it more

🤝 TeamUp - College Connect @HIET 🤝

Uniting HIET Students for Collaboration, Innovation, and Growth

TeamUp is a vibrant MERN stack platform that empowers students at Hi-Tech Institute of Engineering and Technology (HIET), Ghaziabad, to connect, showcase their skills, share projects, and build powerful professional networks. Experience a seamless, tech-driven journey to academic and career success!

🚀 LIVE DEMO


📚 Table of Contents


🧭 About the Project

TeamUp is a game-changer for HIET students, providing a dynamic platform to collaborate on projects, form teams, and grow professionally. By bridging the gap between ideas and execution, TeamUp fosters innovation with:

  • Secure Authentication: Robust login and registration with OTP verification.
  • Dynamic Profiles: Showcase skills, academics, and social links.
  • Project Sharing: Post and discover innovative project ideas.
  • Smart Filtering: Find the perfect teammates based on skills or interests.

🗂️ Folder & File Structure

TeamUp/
├── backend/
│   ├── .env                   
│   ├── .gitignore            
│   ├── package.json          
│   ├── server.js             
│   ├── listingSchema.js
│   └── uploads/
│       └── (user images)     
├── frontend/
│   ├── .env                  
│   ├── .gitignore            
│   ├── index.html            
│   ├── netlify.toml          
│   ├── package.json          
│   ├── vite.config.js        
│   ├── dist/                 
│   ├── public/
│   │   └── teamup.jpeg       
│   └── src/
│       ├── App.jsx           
│       ├── index.css         
│       ├── main.jsx          
│       ├── assets/           
│       ├── components/
│       │   ├── Contact.jsx   
│       │   ├── Dashboard.jsx 
│       │   ├── EditListing.jsx 
│       │   ├── Footer.jsx    
│       │   ├── Home.jsx      
│       │   ├── Listing.jsx   
│       │   ├── Login.jsx     
│       │   ├── Navbar.jsx    
│       │   ├── Projects.jsx  
│       │   ├── Register.jsx  
│       │   └── Student.jsx   

🧰 Tech Stack

Part Technology
Frontend React, Tailwind CSS, Vite
Backend Node.js, Express.js, MongoDB
Authentication JWT, Bcrypt
Email Nodemailer
Deployment Netlify (Frontend), Render (Backend)

📦 All Dependencies

🔧 Backend

Package Version
bcrypt ^5.1.1
cors ^2.8.5
dotenv ^16.4.5
express ^4.21.1
jsonwebtoken ^9.0.2
mongoose ^8.8.0
multer ^1.4.5
nodemailer ^6.9.16

🎨 Frontend

Package Version
@tailwindcss/vite ^4.1.7
axios ^1.9.0
framer-motion ^12.12.1
gsap ^3.13.0
react ^19.1.0
react-dom ^19.1.0
react-icons ^5.5.0
react-router-dom ^7.6.0
tailwindcss ^4.1.7
typed.js ^2.1.0
@eslint/js ^9.25.0
@types/react ^19.1.2
@types/react-dom ^19.1.2
@vitejs/plugin-react ^4.4.1
eslint ^9.25.0
eslint-plugin-react-hooks ^5.2.0
eslint-plugin-react-refresh ^0.4.19
globals ^16.0.0
vite ^6.3.5

⚙️ How to Use This Project

🧩 Backend

cd backend
npm install
# Create .env with Mongo URI, JWT, Email credentials
npm start

🎨 Frontend

cd frontend
npm install
npm run dev

🌐 Open Your Browser

http://localhost:5173

✨ Key Features

  • 🔐 Secure Authentication: JWT-based login with OTP email verification via Nodemailer.
  • 📦 Dynamic Profiles: Showcase academic details, skills, and social links (GitHub, LinkedIn).
  • 💬 Project Listings: Share projects with tech stack, problem statements, and repository links.
  • 📊 Smart Filtering: Filter students by branch, course, year, or skills for team formation.
  • 📱 Responsive UI: Mobile-first design with Tailwind CSS, Framer Motion, and GSAP animations.
  • 📊 User Dashboard: Manage profiles and projects with edit/delete options.
  • 📬 Contact Form: Seamless inquiries via Getform.io integration.

🚀 Future Enhancements

  • 📱 Launch Android/iOS app
  • 📈 AI for price & crop prediction
  • 🌍 Full multilingual support
  • 🔗 Blockchain traceability

📬 Contact Me


👨‍💻 Created By

Aman Gupta
B.Tech 2nd year Student | HIET Ghaziabad
Passionate about tech and sustainable Skilling 🌱

⭐ If you found this project helpful, give it a star!

About

TeamUp is a vibrant MERN stack platform tailored for students at Hi-Tech Institute of Engineering and Technology (HIET), Ghaziabad, to connect, collaborate, and grow professionally. Built with React, Tailwind CSS, Node.js, Express.js, and MongoDB, it enables users to showcase skills, share innovative projects by the students.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages