Skip to content

YasirAwan4831/teyzix-core-internship-portal-fs2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Typing SVG

Stars Forks Issues PRs Welcome


🌟 Overview

TEYZIX CORE Internship Portal is a modern, professional, and fully responsive internship management platform designed to bridge the gap between talented students and industry opportunities. Built with cutting-edge full-stack technologies, it offers seamless UX, secure data handling, and a scalable architecture ready for production.


React Node.js Express MongoDB TailwindCSS Framer Motion Vite Axios


✨ Key Features

🎯 Core Functionality 🎨 UI/UX Experience 🔒 System Features
📋 Browse Internship Listings 🌙 Full Dark Mode Support 🗄️ MongoDB Integration
📝 Online Application Forms 🎞️ Smooth Framer Motion Animations 🔗 RESTful API Architecture
🖥️ Admin Dashboard Panel 📱 100% Mobile Responsive 🛡️ Secure Data Storage
👥 Applicant Management ⚡ Fast Page Transitions ⚙️ Modular MVC Backend
📊 Application Tracking 🎯 Clean & Minimal UI 🔄 Dynamic Data Seeding

🛠️ Tech Stack

💻 Frontend

React

Technology Purpose Version
React UI Library & Component Architecture ^18.x
Tailwind Utility-First Styling Framework ^3.x
Framer Animation & Page Transitions ^10.x
Axios HTTP Client for API Requests ^1.x
Vite Lightning Fast Build Tool ^5.x

⚙️ Backend

Node

Technology Purpose Version
Node JavaScript Runtime Environment ^20.x
Express Web Application Framework ^4.x
MongoDB NoSQL Database ^7.x
Mongoose MongoDB ODM & Schema Modeling ^8.x

Database Note

MongoDB

This project currently uses a local/in-memory MongoDB setup for development and demonstration purposes.

Due to limited cloud database resources, a production MongoDB Atlas deployment has not been configured yet.

The application architecture is fully prepared for MongoDB Atlas or any production database integration in the future.


🌐 Live Demo

🔗 https://teyzix-core-internship-portal-fs2.vercel.app/

Note: The Internships page currently shows a network error because internship data is fetched through backend API calls. This deployment currently includes only the frontend UI. Once the backend server is live, the Internships page will function properly.


🚀 Getting Started

📋 Prerequisites

Make sure you have the following installed before starting:

Node.js npm MongoDB Git


⚡ Installation

1️⃣ Clone the Repository

git clone https://github.com/YasirAwan4831/teyzix-core-portal.git
cd teyzix-core-portal

2️⃣ Setup Environment Variables

cp .env.example .env
# Edit .env with your MongoDB URI and PORT

3️⃣ Install Server Dependencies

cd server
npm install

4️⃣ Seed the Database

npm run seed

5️⃣ Start the Backend Server

npm run dev

6️⃣ Install Client Dependencies

cd ../client
npm install

7️⃣ Launch the Frontend

npm run dev

🎉 The app will be live at http://localhost:5173


📂 Project Structure

teyzix-core-portal/
│
├── 📁 client/                        # React Frontend
│   ├── 📁 dist/                      # Production Build Output
│   │   ├── 📁 assets/
│   │   │   ├── 🎨 index-B50JeYTQ.css
│   │   │   └── ⚡ index-WIs0T0k4.js
│   │   ├── 🖼️  favicon.svg
│   │   └── 🌐 index.html
│   │
│   ├── 📁 public/                    # Static Assets
│   │   ├── 🖼️  favicon.svg
│   │   └── 🎯 icons.svg
│   │
│   ├── 📁 src/                       # Source Code
│   │   ├── 📁 assets/                # Images & Media
│   │   │   ├── 🖼️  hero.png
│   │   │   └── ⚛️  react.svg
│   │   │
│   │   ├── 📁 components/            # Reusable Components
│   │   │   ├── 🧩 Navbar.jsx
│   │   │   └── 🦶 Footer.jsx
│   │   │
│   │   ├── 📁 context/               # React Context API
│   │   │   └── 🌙 ThemeContext.jsx
│   │   │
│   │   ├── 📁 pages/                 # Application Pages
│   │   │   ├── 🏠 Home.jsx
│   │   │   ├── 💼 Internships.jsx
│   │   │   ├── 📝 Apply.jsx
│   │   │   ├── 📬 Contact.jsx
│   │   │   └── 🔧 Admin.jsx
│   │   │
│   │   ├── 🎨 App.css
│   │   ├── ⚛️  App.jsx
│   │   └── 🚀 main.jsx
│   │
│   └── ⚙️  vite.config.js
│
├── 📁 server/                        # Node.js Backend
│   ├── 📁 config/
│   │   └── 🗄️  db.js                 # MongoDB Connection
│   │
│   ├── 📁 controllers/               # Business Logic
│   │   ├── 📋 internshipController.js
│   │   └── 📝 applicationController.js
│   │
│   ├── 📁 data/
│   │   └── 💾 internships.js         # Seed Data
│   │
│   ├── 📁 middleware/
│   │   └── 🛡️  errorMiddleware.js    # Error Handling
│   │
│   ├── 📁 models/                    # Mongoose Schemas
│   │   ├── 🏢 Internship.js
│   │   └── 👤 Application.js
│   │
│   ├── 📁 routes/                    # API Routes
│   │   ├── 🔗 internshipRoutes.js
│   │   └── 🔗 applicationRoutes.js
│   │
│   ├── 🌱 seeder.js                  # Database Seeder
│   └── 🚀 server.js                  # Entry Point
│
├── 📄 .env.example
├── 📄 CONTRIBUTING.md
├── 📄 SETUP.md
├── 📄 LICENSE
└── 📖 README.md

🔌 API Reference

📋 Internships Endpoints

Method Endpoint Description Status
GET /api/internships Fetch All Internships ✅ Active
GET /api/internships/:id Get Single Internship ✅ Active
POST /api/internships Create New Internship ✅ Active
DELETE /api/internships/:id Remove Internship ✅ Active

📝 Applications Endpoints

Method Endpoint Description Status
POST /api/applications Submit Application ✅ Active
GET /api/applications Get All Applications ✅ Active
DELETE /api/applications/:id Delete Application ✅ Active

🔮 Roadmap & Future Improvements

Phase 1 ✅ — Core System          Phase 2 🚧 — Enhancement          Phase 3 🔭 — Scale & Deploy
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[✅] Internship Listings           [🔧] JWT Authentication             [🌐] Cloud Deployment (Vercel)
[✅] Online Applications           [🔧] Email Notifications            [☁️] AWS / Railway Backend
[✅] Admin Dashboard               [🔧] Resume Upload (PDF)            [📈] Analytics Dashboard
[✅] MongoDB Integration           [🔧] Search & Filtering             [🔐] OAuth 2.0 Login
[✅] REST API Backend              [🔧] Multi-User Role System         [📱 ] PWA Support
[✅] Responsive Design             [🔧] Application Status Tracker     [🌍] Internationalization

🤝 Contributing

Contributions are what make the open source community amazing! Any contributions you make are greatly appreciated.

Contributing

  1. 🍴 Fork the Project
  2. 🌿 Create your Feature Branch — git checkout -b feature/AmazingFeature
  3. 💾 Commit your Changes — git commit -m 'Add some AmazingFeature'
  4. 📤 Push to the Branch — git push origin feature/AmazingFeature
  5. 🔁 Open a Pull Request

Please read CONTRIBUTING.md for details on our code of conduct.


📄 License

Distributed under the MIT License.

MIT License

See LICENSE for more information.


👨‍💻 Developer



GitHub LinkedIn Portfolio Email


Profile Views


⭐ Show Your Support

If this project helped you or you found it interesting, please consider giving it a star!

Star this repo


Develop ❤️ By Muhammad Yasir — TEYZIX CORE Internship Program

About

Modern Full-Stack Internship Portal built with React, Node.js, Express, and MongoDB featuring responsive UI, internship applications, admin application management, dark mode, and smooth animations.

Topics

Resources

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors