Whenever I prepare for an interview, I go through many websites, coding platforms and online resources. I'd have to go to their individual platform and maintain the records as required. So I devised this idea to store all the information in one place and made prepbook for developers. You can store all your information like interview questions, online resources, make notes and even make a portfolio.
How does prepbook work?
It is very simple to maneuver through the app. You can log in with your GitHub account and start maintaining all your necessary data. You can store all your coding problems from Leetcode, Hackerrank, and Codechef and maintain a separate record to keep track of your progress. You can add all the projects that you would want to your portfolio. You can also make notes and store your online resources all in one place.
You can find the GitHub link here and working demo here
Tech stack
- NextJS
- Planetscale
- Tip tap note editor
- Judge0 API for code compilation
- Monaco editor and monaco themes for code editor
- Prisma
Let's have a look at all the features
Log interview questions
One can select any platform that they want and can make a new entry of the questions they want to track
On clicking on each question, you will be directed to a code editor where you can paste your code and see the results. Users can choose from many languages and editor themes. Users can add a new question, edit a question or delete a question.
Maintain your portfolio
Do you have some interesting projects you want to keep track of? No worries. You can enter the details of your project and save it in your portfolio profile. Users can add a new project, edit an existing project or delete a project.
Make notes
While preparing for an interview, we always make notes of important topics and that's exactly what you can do here. Users can type in a title and short description of their note and on clicking on each note, they get a note editor where they can type their notes. Users can create, edit and delete their notes.
The note editor page shows the previous notes that were written. User can also tweet their notes if they want to.
Store important online resources
Do you have some important links to e-books or any other resources that you want to store? You can do that too. Just paste in the link of the resource with a title and you're done. You can create, edit and delete them too.
Future possible features
- Push code to Github
- Create a mapping between resources and notes
- Adding more coding platforms in the DSA section
- Adding more sections suitable for other interview or prep experiences
And that's it. I had a lot of fun making this project and learned a lot of new things. I have further plans for this project too and want to add more features in the future. Thanks to Hashnode and Planetscale for this hackathon that encourages developers to showcase their work.