Placement DSA Series - @gtech_dsa

A professional, clean, and interactive website for the Placement DSA Series aimed at students preparing for coding interviews.

🚀 Features

• 30 Handpicked DSA Questions organized into 15 structured days
• 10+ Core Patterns with beautiful visual tags
• Progress Tracking with localStorage persistence
• Search & Filter functionality
• Mobile Responsive design
• Smooth Animations and hover effects
• Company Tags for relevant questions
• Direct Leetcode Links for each question

🎯 What's Included

Patterns Covered:

• Two Pointers
• Sliding Window
• Binary Search
• Stack
• HashMap
• XOR Trick
• Prefix/Suffix Arrays
• Kadane's Algorithm (DP)
• Boyer-Moore Voting Algorithm
• And more...

Question Categories:

• Day 1-4: Two Pointers & Basics
• Day 5-6: Sliding Window
• Day 7-9: Binary Search
• Day 10-12: String Manipulation
• Day 13-15: Mixed Patterns & Advanced

🛠️ Tech Stack

• React.js - Frontend framework
• Tailwind CSS - Styling and responsive design
• Lucide React - Beautiful icons
• LocalStorage - Progress persistence

📦 Installation & Setup

1. Clone or download this project to your local machine

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Open your browser and navigate to http://localhost:3000

🚀 Deployment

Build for Production:

npm run build

Deploy Options:

• Netlify: Drag and drop the build folder
• Vercel: Connect your GitHub repository
• GitHub Pages: Use gh-pages package
• Firebase Hosting: Use Firebase CLI

📱 Features Overview

Homepage

• Hero section with Instagram profile
• Animated headlines and stats
• Call-to-action buttons

Patterns Section

• Colorful pattern tags
• Click to filter questions
• Responsive grid layout

DSA Questions

• Day-wise organization
• Progress tracking
• Search functionality
• Pattern filtering
• Company tags
• Direct Leetcode links

Navigation

• Sticky navbar
• Smooth scrolling
• Mobile-responsive menu

🎨 Customization

Colors

Edit tailwind.config.js to customize the color scheme:

colors: {
  primary: { /* your colors */ },
  secondary: { /* your colors */ },
  accent: { /* your colors */ }
}

Questions

Modify src/data/questions.js to:

• Add new questions
• Change patterns
• Update company tags
• Modify Leetcode links

Styling

• Edit src/index.css for custom styles
• Modify component files for layout changes
• Update Tailwind classes for design tweaks

📊 Progress Tracking

The website automatically saves progress to localStorage:

• Completed days are marked with checkmarks
• Progress bar shows completion percentage
• Data persists across browser sessions

🔍 Search & Filter

• Search: Find questions by title, pattern, or company
• Pattern Filter: Click pattern tags to filter questions
• Clear Filters: Easy reset functionality

📱 Mobile Responsive

• Optimized for all screen sizes
• Touch-friendly interactions
• Collapsible mobile menu
• Responsive grid layouts

🎯 Perfect For

• Students preparing for coding interviews
• Placement preparation with structured learning
• DSA practice with pattern recognition
• Interview preparation with company-specific questions

🤝 Contributing

Feel free to:

• Add more questions
• Improve the design
• Add new features
• Fix bugs
• Enhance documentation

📞 Contact

• Instagram: @gtech_dsa
• Email: gopikrishna0727@gmail.com

📄 License

This project is open source and available under the MIT License.

---

Built with ❤️ for the coding community

Master DSA patterns and crack your dream placement!