{"id":17688587,"url":"https://github.com/brijenmakwana/interview-diaries","last_synced_at":"2025-08-08T20:24:54.274Z","repository":{"id":203063273,"uuid":"708656781","full_name":"BrijenMakwana/interview-diaries","owner":"BrijenMakwana","description":"Interview Diaries is a user-friendly blogging platform designed for developers to effortlessly share their interview experiences.","archived":false,"fork":false,"pushed_at":"2024-04-25T04:40:07.000Z","size":3541,"stargazers_count":11,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-13T00:48:16.687Z","etag":null,"topics":["blogging","clerkauth","firebase","hackathon","markdown","nextjs13","nextui","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://interview-diaries.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BrijenMakwana.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-23T05:48:31.000Z","updated_at":"2025-04-09T19:25:07.000Z","dependencies_parsed_at":"2023-11-10T13:01:51.403Z","dependency_job_id":"84123e84-f8ac-4760-9ea1-c691cfccb40f","html_url":"https://github.com/BrijenMakwana/interview-diaries","commit_stats":null,"previous_names":["brijenmakwana/interview-diaries"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrijenMakwana%2Finterview-diaries","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrijenMakwana%2Finterview-diaries/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrijenMakwana%2Finterview-diaries/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrijenMakwana%2Finterview-diaries/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrijenMakwana","download_url":"https://codeload.github.com/BrijenMakwana/interview-diaries/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253850882,"owners_count":21973672,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blogging","clerkauth","firebase","hackathon","markdown","nextjs13","nextui","react","tailwindcss","typescript"],"created_at":"2024-10-24T11:44:50.450Z","updated_at":"2025-05-13T00:48:27.093Z","avatar_url":"https://github.com/BrijenMakwana.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./public/logo.png\" alt=\"app logo\" width=\"200\" height=\"200\"/\u003e\n\n# Interview Diaries - Where Developers Share Their Interview Stories\n\nUse Interview Diaries here on [Live Link](https://interview-diaries.vercel.app)\n\nWatch Demo Video on [loom](https://www.loom.com/share/d89eb529a83246f18262b425056d077f?sid=2f3b0579-14ee-46c4-a542-0c384c828d5f)\n\n\u003e Winner of Webdecoded Hackathon\n\n## Table of contents\n\n- [Overview](#overview)\n- [Screenshots](#screenshots)\n- [Built with](#built-with)\n- [Challenges Faced](#challenges-faced)\n- [Future Enhancements](#features-i-would-like-to-implement-in-the-future)\n- [Run the project](#run-the-project)\n- [Thank you note](#thank-you)\n\n## Overview\n\n- Interview Diaries is a user-friendly blogging platform designed for developers to effortlessly share their interview experiences.\n- Other developers can read these interview experiences to gain insights and better prepare for their upcoming interviews.\n- The dedicated blog section displays all available articles and includes a search bar, allowing users to easily find articles related to the companies they are interested in.\n- Reading articles does not necessitate user login. Users can freely access articles, each of which includes information about the company name, position, difficulty level, and whether the author was selected for the role or not.\n- You can also play the article. Just hit the play button and listen to it.\n- Additionally, you have the option to leave comments on the articles, which does require you to log in.\n- We also offer a newsletter that you can subscribe to by providing your email address.\n- Writing an interview experience blog does require you to log in.\n- You can log in using your Apple ID, Facebook, GitHub, Google, or traditional email and password.\n- Once you are logged in, you can write articles. The platform supports familiar Markdown, which you can use to compose your articles. The preview panel will display how your article will appear.\n- In the blog section, you can view all the available articles on the platform in either a card view or table view.\n- When you log in, you can also access your dashboard where you can view all the articles published by you and have the option to delete them as well.\n- The platform is fully responsive, whether you use it on a desktop, tablet, or mobile phone.\n- It offers support for both dark and light modes.\n\n## Screenshots\n\n\u003cimg src=\"https://i.imgur.com/0cvCP4p.png\" alt=\"screenshot 1\"/\u003e\n\u003cimg src=\"https://i.imgur.com/tEJGIoP.png\" alt=\"screenshot 2\"/\u003e\n\u003cimg src=\"https://i.imgur.com/FpJJXx9.png\" alt=\"screenshot 3\"/\u003e\n\u003cimg src=\"https://i.imgur.com/TWzHXhG.png\" alt=\"screenshot 4\"/\u003e\n\u003cimg src=\"https://i.imgur.com/Thq5cZU.png\" alt=\"screenshot 5\"/\u003e\n\u003cimg src=\"https://i.imgur.com/QjoNYrk.png\" alt=\"screenshot 6\"/\u003e\n\u003cimg src=\"https://i.imgur.com/yJVOMof.png\" alt=\"screenshot 7\"/\u003e\n\u003cimg src=\"https://i.imgur.com/neF3ix8.png\" alt=\"screenshot 8\"/\u003e\n\u003cimg src=\"https://i.imgur.com/BxSPfDQ.png\" alt=\"screenshot 9\"/\u003e\n\u003cimg src=\"https://i.imgur.com/b1NPhyM.png\" alt=\"screenshot 10\"/\u003e\n\u003cimg src=\"https://i.imgur.com/paJG1d4.png\" alt=\"screenshot 11\"/\u003e\n\u003cimg src=\"https://i.imgur.com/2xGNOIW.png\" alt=\"screenshot 12\"/\u003e\n\u003cimg src=\"https://i.imgur.com/PaS8CgA.png\" alt=\"screenshot 13\"/\u003e\n\n## Built with\n\n- Nextjs 13\n- React\n- NextUI\n- Tailwind CSS\n- Typescript\n- Clerk for auth\n- Firebase for database\n- react-markdown\n- react-toastify\n\n## Challenges Faced\n\n- As a Mobile Developer I work with with React Native and React. I had awareness of Next.js but hadn't previously built a project with it, so I had to adapt to it.\n- I had previous experience with Tailwind CSS when it was relatively new, but I hadn't used it extensively in a larger project, so I had to spend some time familiarizing myself with it.\n\n## Features I would like to implement in the future\n\n- Enhance the author profile by incorporating reputation points, similar to the system used on Stack Overflow.\n- Incorporate ChatGPT AI to provide authors with suggestions while they are writing.\n- Enable users to express reactions on the articles.\n- Develop a mobile app for it using React Native.\n\n## Run the project\n\nClone this repo and open in VSCode or any code editor of your choice. Open Terminal and type this command to install all the dependencies.\n\n```\nnpm i\n```\n\nNow you need to set environment variables. Create .env file in the root of your project directory.\n\nNow Go to [clerk website](https://clerk.com) and create an account to add authentication in the app.\nCopy this variables from your account and paste it in .env file.\n\n```\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=\nCLERK_SECRET_KEY=\n```\n\nNow go to [firebase website](https://firebase.google.com) and create a project and add a firestore database.\nCopy this variables from your account and paste it in .env file.\n\n```\nNEXT_PUBLIC_API_KEY=\nNEXT_PUBLIC_AUTH_DOMAIN=\nNEXT_PUBLIC_PROJECT_ID=\nNEXT_PUBLIC_STORAGE_BUCKET=\nNEXT_PUBLIC_MESSAGING_SENDER_ID=\nNEXT_PUBLIC_APP_ID=\n```\n\nNow to run the app, run this command.\n\n```\nnpm run dev\n```\n\nNow you can view this app on your browser.\n\n## Thank You\n\nA heartfelt thank you for hosting the hackathon. I learned so much and thoroughly enjoyed it.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrijenmakwana%2Finterview-diaries","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrijenmakwana%2Finterview-diaries","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrijenmakwana%2Finterview-diaries/lists"}