Interview Preparation Platform 🚀

🔗 Live Demo: Interview Preparation Platform

Interview Preparation Platform is a frontend-focused web application designed to help software engineering students and developers organize, track, and improve their interview preparation in a structured way.

This project is built with modern React and Next.js practices while keeping the UI simple, clean, and easy to use.

---

📌 Purpose of the Project

Preparing for technical interviews requires consistency and clarity. This platform helps users:

• Keep interview topics organized
• Track learning progress
• Store personal notes for revision
• Stay focused during preparation

It is especially useful for students and junior developers preparing for software engineering roles.

---

✨ Features

• 📚 Topic-wise interview preparation
• ✅ Progress tracking (Not Started / In Progress / Completed)
• 📝 Personal notes for each topic
• ⚡ Fast and responsive UI
• 🎯 Simple and distraction-free design

---

🛠 Tech Stack

• React.js
• Next.js
• TypeScript
• Tailwind CSS
• React Icons

---

📂 Project Structure

Interview-Preparation-Platform/
├── client/
│   ├── app/
│   │   ├── daily-log/
│   │   │   └── page.tsx
│   │   ├── dashboard/
│   │   │   └── page.tsx
│   │   ├── topics/
│   │   │   ├── git/
│   │   │   ├── javascript/
│   │   │   ├── react/
│   │   │   ├── sql/
│   │   │   ├── system-design/
│   │   │   └── page.tsx
│   │   ├── favicon.ico
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   │
│   ├── components/
│   │   ├── CircularProgress.tsx
│   │   ├── DailyLog.tsx
│   │   ├── DashboardPage.tsx
│   │   ├── Header.tsx
│   │   ├── Sidebar.tsx
│   │   ├── ToggleBar.tsx
│   │   └── Topics.tsx
│   │
│   ├── public/
|   |   ├── screenshots
|   |       ├──
|   |       ├──
|   |       ├──
│   │   ├── InterviewPrepLogo.png
│   │   ├── file.svg
│   │   ├── globe.svg
│   │   ├── next.svg
│   │   ├── vercel.svg
│   │   └── window.svg
│   │
│   ├── .gitignore
│   ├── eslint.config.mjs
│   ├── next-env.d.ts
│   ├── next.config.ts
│   ├── package.json
│   ├── package-lock.json
│   └── postcss.config.mjs
│
└── README.md

---

🚀 Getting Started

Follow these steps to run the project locally.

1. Clone the repository

    git clone https://github.com/JekenMaharjan/Interview-Preparation-Platform.git

2. Navigate to the project directory

    cd Interview-Preparation-Platform

3. Install dependencies

    npm install

   or

   yarn install

4. Start the development server

    npm run dev

   or

   yarn dev

5. Open in browser

    http://localhost:3000

---

🖼️ Screenshots

Dashboard

Topics Page

Daily Log

React Progress

---

🧪 How to Use

1. Open the application
2. Select an interview topic
3. Track your progress as you study
4. Add notes for quick revision later

This platform is intended to grow alongside your preparation journey.

---

🔮 Future Improvements

Planned enhancements include:

1. Backend integration for persistent data storage
2. User authentication
3. Search and filter for topics
4. Cloud sync for notes

---

🤝 Contributing

Contributions are always welcome! Follow these steps to contribute:

1. Fork the repository.

2. Create a new branch:

   git checkout -b feature-name

3. Make your changes and commit them:

   git commit -m "Description of changes"

4. Push to the branch:

   git push origin feature-name

5. Open a pull request.

---

📄 License

This project is licensed under the MIT License.

---

📬 Contact

For any inquiries, reach out to us at:

• Email: maharjanjeken@gmail.com
• Github: Jekode

---

🌐 Connect with Me

🌐 Portfolio: jekenmaharjan.com.np

📬 Email: maharjanjeken@gmail.com