Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/shubham-cyber-prog/placement-prep

A structured placement preparation repository covering DSA, coding practice, core CS concepts, aptitude, and interview preparation resources.
https://github.com/shubham-cyber-prog/placement-prep

ai-agents expressjs html javascript json node typescript

Last synced: 3 months ago
JSON representation

A structured placement preparation repository covering DSA, coding practice, core CS concepts, aptitude, and interview preparation resources.

Awesome Lists containing this project

README 

          




  image




---



🚀 Placement Preparation Hub





















---



## 📂 Repository Overview

### To maintain a **well-organized, revision-friendly, and interview-ready** collection of resources and solved problems for placements.



- 🔗 **GitHub Profile:** [Shubham-cyber-prog](https://github.com/Shubham-cyber-prog)

- 📁 **Repository Name:** `Placement-Prep`



## 🚀 What This Repository Offers



- ✅ Topic-wise **DSA implementations & problems**

- ✅ **Company-wise interview questions**

- ✅ **System Design notes & case studies**

- ✅ **Curated learning resources**

- ✅ **Real interview experiences & takeaways**



---



## 🎯 Who Is This For?



- Students preparing for **placements**

- Beginners building **DSA fundamentals**

- Anyone targeting **product-based companies**



---



## 📁 Repository Structure



This repository serves as both a web platform for interactive placement preparation and a hub for curated content and resources.



```

Placement-Prep/

│

├── backend/                    # Backend server and API

│   ├── config/                 # Database and application configuration

│   ├── controllers/            # Route handlers for API endpoints

│   ├── middlewares/            # Authentication, error handling, and other middlewares

│   ├── models/                 # MongoDB schemas and data models

│   ├── routes/                 # API route definitions

│   └── utils/                  # Utility functions and helpers

│

├── src/                        # Frontend React application

│   ├── components/             # Reusable UI components (shadcn/ui based)

│   ├── hooks/                  # Custom React hooks

│   ├── layouts/                # Page layout components

│   ├── lib/                    # Utility libraries and configurations

│   └── pages/                  # Application pages and views

│

├── public/                     # Static assets (favicon, images, robots.txt)

│

├── Easy/                       # Placement preparation content

│   └── Medium/                 # Medium difficulty problems and solutions

│

├── package.json                # Frontend dependencies and scripts

├── vite.config.ts              # Vite build configuration

├── tailwind.config.ts          # Tailwind CSS configuration

├── tsconfig.json               # TypeScript configuration

└── README.md                   # This file

```



**Note:** The repository combines a full-stack web application for interactive learning with traditional content organization. Additional content directories (e.g., for Data Structures, Algorithms) are planned for future expansion.

---



## 📅 Study Plan



### 🗓️ 12-Week Placement Preparation Plan





  12 Week Placement Preparation Roadmap






A structured 12-week roadmap covering DSA, System Design, and Interview Preparation, designed to ensure consistent progress and effective revision.




---

# 📊 Daily Study Schedule



## 🌅 Morning Session (2 Hours)



**Focus:** Strengthening basics & fixing weak areas



* ⏱️ **30 mins — Theory Revision**

  Revise core concepts (DSA, OS, DBMS, CN, etc.) to keep fundamentals strong.



* 🧠 **60 mins — Problem Solving**

  Solve DSA problems (LeetCode / GFG / CodeStudio) with a focus on logic and patterns.



* 🔁 **30 mins — Previous Mistakes Review**

  Analyze wrong solutions, optimize approaches, and note learnings.



## ☀️ Afternoon Session (2 Hours)



**Focus:** Learning & implementation



* 📘 **60 mins — New Topic Learning**

  Learn a new concept or algorithm and understand its real‑world use cases.



* 💻 **30 mins — Coding Practice**

  Implement newly learned concepts through hands‑on coding.



* 📊 **30 mins — Time & Space Complexity Analysis**

  Analyze performance, optimize code, and compare multiple approaches.



## 🌙 Evening Session (1 Hour)



**Focus:** Interview preparation



* 🎯 **60 mins — Mock Interview / Company‑Specific Questions**

  Practice behavioral + technical questions from product‑based companies.



📌 *Consistency beats intensity. Follow this schedule daily and iterate weekly for maximum growth.*



---



# 🎯 Interview Preparation



## 🔍 Technical Rounds



### 🧠 Coding Round



* ⏱️ Solve **2–3 problems in 60–90 minutes**

* ⚙️ Focus on **optimized solutions** (Time & Space)

* 🧼 Write **clean, modular, and readable code**

* 🧪 Handle **edge cases** and explain trade-offs



### 🏗️ System Design Round



* 📝 **Requirements gathering** (functional & non-functional)

* 🔌 **API design** (RESTful endpoints, contracts)

* 🗄️ **Database schema** (indexes, normalization)

* 📈 **Scalability** (caching, sharding, load balancing)



### 📚 CS Fundamentals



* 🧵 **Operating Systems** (Processes, Threads, Scheduling, Deadlocks)

* 🧮 **DBMS** (SQL queries, Indexes, Transactions)

* 🌐 **Networking** (TCP/IP, HTTP/HTTPS, DNS)



---



## 💼 Behavioral Round



* ⭐ Use the **STAR Method** (Situation, Task, Action, Result)

* 🧩 Prepare **5–7 strong stories** from projects/internships

* 🏢 **Research company values & culture**

* ❓ Prepare **thoughtful questions** for the interviewer



---



## 📝 Resume Tips



* ✍️ Start bullet points with **action verbs**

* 📊 **Quantify achievements** (numbers > words)

* 🎯 **Tailor resume** for each company/role

* 📄 Keep it **1 page**, clean and ATS-friendly



---



## 🛠️ Tech Stack



### Frontend

- **React** - UI library for building the user interface

- **TypeScript** - Type-safe JavaScript for better development experience

- **Vite** - Fast build tool and development server

- **Tailwind CSS** - Utility-first CSS framework for styling

- **shadcn/ui** - Modern UI components built on Radix UI

- **React Router** - Declarative routing for React applications

- **React Query** - Powerful data synchronization for React

- **Socket.io** - Real-time bidirectional communication



### Backend

- **Node.js** - JavaScript runtime for server-side development

- **Express** - Minimal and flexible Node.js web application framework

- **MongoDB** - NoSQL database for flexible data storage

- **Mongoose** - Elegant MongoDB object modeling for Node.js

- **JWT** - JSON Web Tokens for secure authentication

- **Socket.io** - Real-time, bidirectional and event-based communication



### Other Tools

- **Git** - Distributed version control system

- **ESLint** - Tool for identifying and reporting patterns in JavaScript/TypeScript

- **Prettier** - Code formatter for consistent code style



# 🚀 Full Project Setup Guide (For New Contributors)



Welcome 👋

Follow these steps carefully to set up the project locally.



---



# 🖥️ System Requirements



Make sure you have installed:



* Node.js (v18 or higher recommended)

* npm (comes with Node)

* Git

* MongoDB Atlas account

* VS Code (recommended)



Check versions:



```

node -v

npm -v

git --version

```



---



# 📦 Project Structure



```

Placement-Prep/

   ├── frontend  (Vite + React + Firebase)

   └── backend   (Express + MongoDB + JWT)

```



---



# 🔹 Step 1: Clone Repository



```

git clone https://github.com/your-username/placement-prep.git

cd placement-prep

```



---



# 🔹 Step 2: Frontend Setup



```

cd frontend

npm install

```



### Required Frontend Packages (Auto installed via npm install)



* react

* vite

* firebase

* react-router-dom

* socket.io-client

* tailwindcss

* framer-motion

* react-hook-form

* zod

* recharts

* etc.



### Create `.env` file in frontend folder:



```

VITE_FIREBASE_API_KEY=your_api_key

VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain

VITE_FIREBASE_PROJECT_ID=your_project_id

VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket

VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id

VITE_FIREBASE_APP_ID=your_app_id

```



⚠️ All frontend env variables must start with `VITE_`



### Run frontend:



```

npm run dev

```



Frontend runs on:



```

http://localhost:5173

```



---



# 🔹 Step 3: Backend Setup



Open new terminal:



```

cd backend

npm install

```



### Required Backend Packages (Auto installed)



* express

* mongoose

* dotenv

* cors

* bcryptjs

* jsonwebtoken

* helmet

* morgan

* socket.io

* express-validator

* compression



---



### Create `.env` file in backend folder:



```

MONGODB_URI=mongodb+srv://username:password@cluster.mongodb.net/placementprep

PORT=5000

JWT_SECRET=your_secret_key

```



⚠️ Replace username and password with your MongoDB Atlas credentials.



---



# 🔹 Step 4: Run Backend



```

npm start

```



Backend runs on:



```

http://localhost:5000

```



---



# 🔹 Step 5: MongoDB Setup



1. Go to MongoDB Atlas

2. Create cluster

3. Create database user

4. Whitelist your IP (0.0.0.0/0 for development)

5. Copy connection string



---



# 🔹 Step 6: Important Rules



* Never push `.env` file

* Never commit API keys

* Always create a new branch before contributing

* Follow project folder structure



---



# 🔹 Common Errors & Fix



### ❌ MONGODB_URI undefined



Check backend `.env` variable name



### ❌ Firebase not working



Check frontend `.env` and restart server



### ❌ Port already in use



Kill process:



```

sudo kill -9 $(lsof -t -i:5000)

```



---



# 🎯 Final Run (Both Servers)



Terminal 1:



```

cd frontend

npm run dev

```



Terminal 2:



```

cd backend

npm start

```



---



# 🚀 You're Ready to Contribute!



## 🤝 Contribution Guide



We welcome contributions! 🚀 Here’s how you can help:



### ✅ Add Solutions



* Provide **alternative approaches**

* Add **time & space complexity**

* Include **edge cases**



### 📖 Improve Documentation



* Fix typos and grammar

* Add clearer explanations

* Improve code comments



### ➕ Add New Content



* Company-specific questions

* Interview experiences

* New problem solutions



### 🛠️ Steps to Contribute



```bash

# 1. Fork the repository

# 2. Create a new branch

git checkout -b feature/your-feature



# 3. Make your changes

# 4. Commit with a descriptive message

git commit -m "Add: Solution for Two Sum problem"



# 5. Push to your branch

git push origin feature/your-feature



# 6. Create a Pull Request

```



---



## 📞 Connect






![GitHub](https://img.shields.io/badge/GitHub-Profile-black?style=for-the-badge\&logo=github)

![LinkedIn](https://img.shields.io/badge/LinkedIn-Connect-blue?style=for-the-badge\&logo=linkedin)

![LeetCode](https://img.shields.io/badge/LeetCode-Profile-orange?style=for-the-badge\&logo=leetcode)

![Email](https://img.shields.io/badge/Email-Contact-red?style=for-the-badge\&logo=gmail)






---

## 🏆 Hall of Fame



Big thanks to all the awesome contributors who helped make this project better! 🙌  

Your efforts help students prepare for placements with quality resources 🚀





  

    

  




> _Thank you to everyone who has contributed!_



## ⭐ Support



If this repository helped you:



* ⭐ Star the repository

* 🔄 Share with friends

* 🐛 Report issues

* 💡 Suggest improvements



🚀 **Happy Coding & Best Wishes for Your Interviews!** 🎯  

*"The only way to learn coding is to write a lot of code and solve a lot of problems."*



---



## 📄 License



This project is licensed under the **MIT License** — see the `LICENSE` file for details.






Made with ❤️ by **Shubham**



![Profile Views](https://img.shields.io/badge/Profile%20Views-—-blue)