{"id":19321055,"url":"https://github.com/itsdrvgo/hirehaven-mern","last_synced_at":"2026-04-11T01:49:59.529Z","repository":{"id":256765742,"uuid":"856356720","full_name":"itsdrvgo/hirehaven-mern","owner":"itsdrvgo","description":"A cutting-edge job platform designed to connect innovative startups with talented professionals","archived":false,"fork":false,"pushed_at":"2024-09-26T12:12:31.000Z","size":2172,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T11:57:56.677Z","etag":null,"topics":["mern","nextjs","react","react-query","rest-api"],"latest_commit_sha":null,"homepage":"","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/itsdrvgo.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":"2024-09-12T12:52:39.000Z","updated_at":"2024-09-26T12:12:34.000Z","dependencies_parsed_at":"2024-09-13T00:32:59.202Z","dependency_job_id":"835d6076-727a-4a0a-a0b8-422031b2ed77","html_url":"https://github.com/itsdrvgo/hirehaven-mern","commit_stats":null,"previous_names":["itsdrvgo/hirehaven-mern"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itsdrvgo%2Fhirehaven-mern","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itsdrvgo%2Fhirehaven-mern/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itsdrvgo%2Fhirehaven-mern/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/itsdrvgo%2Fhirehaven-mern/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/itsdrvgo","download_url":"https://codeload.github.com/itsdrvgo/hirehaven-mern/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240422366,"owners_count":19798747,"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":["mern","nextjs","react","react-query","rest-api"],"created_at":"2024-11-10T01:35:09.295Z","updated_at":"2026-04-11T01:49:54.503Z","avatar_url":"https://github.com/itsdrvgo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cpicture\u003e\n        \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/itsdrvgo/hirehaven-mern/blob/main/www/public/logos/hirehaven_light.svg?raw=true\"\u003e\n        \u003cimg src=\"https://github.com/itsdrvgo/hirehaven-mern/blob/main/www/public/logos/hirehaven_light.svg?raw=true\" width=\"200\" alt=\"HireHaven\"\u003e\n    \u003c/picture\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\n    HireHaven\n\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n![Discord](https://img.shields.io/discord/1133372614165934160?label=Discord\u0026labelColor=blue\u0026color=gray\u0026link=https%3A%2F%2Fitsdrvgo.me%2Fsupport)\n![GitHub Repo stars](https://img.shields.io/github/stars/itsdrvgo/hirehaven-mern?label=Stars\u0026labelColor=darkgreen\u0026color=white\u0026link=https%3A%2F%2Fgithub.com%2Fitsdrvgo%2Fhirehaven-mern)\n\n\u003c/div\u003e\n\n\u003ccenter\u003e\n\nHireHaven is a cutting-edge job platform designed to\nconnect innovative startups with talented professionals.\nWe believe in fostering collaboration and growth,\ncreating a haven where careers flourish and businesses\nthrive.\n\n\u003c/center\u003e\n\n\u003ca href=\"https://github.com/itsdrvgo/hirehaven-mern\" target=\"_blank\"\u003e\n    \u003cp align=\"center\"\u003e\n        \u003cimg src=\"https://github.com/itsdrvgo/hirehaven-mern/blob/main/www/public/og.webp?raw=true\" alt=\"HireHaven\" /\u003e\n    \u003c/p\u003e\n\u003c/a\u003e\n\n## Previews\n\nPlease find some of the screenshots of the project in the [screenshots](screenshots) directory. Some of the previews may be blurred to protect sensitive information.\n\n## Introduction\n\nHey there, I'm [DRVGO](https://itsdrvgo.me/), a passionate Full Stack Developer, infusing art and technology to create captivating digital experiences. I'm highly skilled in JavaScript, TypeScript, React.js, Next.js, Tailwind CSS, and more. I'm also a self-taught designer, specializing in UI/UX design and branding.\n\n## Technologies / Packages Used\n\nThe portfolio website is built with the following technologies:\n\n-   **FRONTEND**\n\n    -   [Next.JS 14 (App Router)](https://nextjs.org/): A powerful framework for building performant and SEO-friendly web applications.\n    -   [TypeScript](https://www.typescriptlang.org/): Ensuring robust and type-safe code for enhanced development.\n    -   [React.JS](https://react.dev/): Creating dynamic and interactive user interfaces for seamless navigation.\n    -   [ShadCN UI](https://ui.shadcn.com/): The best library of manipulate the UI.\n    -   [Tailwind CSS](https://tailwindcss.com/): Designing responsive layouts with ease and speed.\n    -   [Framer Motion](https://www.framer.com/motion/): Adding delightful animations to user interactions.\n    -   [Tanstack Query](https://tanstack.com/query/latest): A powerful and flexible data fetching library for React.\n    -   [Axios](https://axios-http.com/): Making HTTP requests to the server for fetching and sending data.\n    -   [Zod](https://zod.dev/): A TypeScript-first schema declaration and validation library.\n    -   [Mantine Hooks](https://mantine.dev/): A collection of React hooks for building accessible and composable UI components.\n    -   [Zustand](https://zustand-demo.pmnd.rs/): A small, fast, and scalable state management library.\n\n-   **BACKEND**\n\n    -   [Node.JS](https://nodejs.org/): A JavaScript runtime for building scalable and fast server-side applications.\n    -   [Express.JS](https://expressjs.com/): A minimal and flexible Node.js web application framework.\n    -   [TypeScript](https://www.typescriptlang.org/): Ensuring robust and type-safe code for enhanced development.\n    -   [MongoDB](https://www.mongodb.com/): A NoSQL database for storing and managing data.\n    -   [Mongoose](https://mongoosejs.com/): An Object Data Modeling (ODM) library for MongoDB and Node.js.\n    -   [JSON Web Tokens](https://jwt.io/): Securely transmitting information between parties as a JSON object.\n    -   [bcrypt](https://www.npmjs.com/package/bcrypt): A password-hashing function for securing user passwords.\n    -   [Joi](https://joi.dev/): A schema description language and data validator for JavaScript.\n    -   [Multer](https://www.npmjs.com/package/multer): A middleware for handling multipart/form-data, primarily used for uploading files.\n    -   [Nodemailer](https://nodemailer.com/): A module for sending emails from Node.js applications.\n    -   [Express Rate Limit](https://www.npmjs.com/package/express-rate-limit): A rate-limiting middleware for Express applications.\n\n## How to Use\n\nThis project is divided into two main parts: the frontend and the backend. The frontend is built with Next.js and Tailwind CSS, while the backend is built with Node.js and Express.js. The frontend and backend are connected to a MongoDB database for storing and managing data. You can follow the steps below to run the project on your local machine.\n\n### Prerequisites\n\nBefore you begin, ensure you have met the following requirements:\n\n-   You have installed the latest version of Node.js and npm.\n-   You have installed MongoDB Compass or any other MongoDB client, and you have a MongoDB Atlas account.\n-   You have installed Git for version control.\n-   You have installed a code editor like Visual Studio Code.\n-   You have a basic understanding of JavaScript, TypeScript, React.js, Node.js, and Express.js.\n-   You have a basic understanding of MongoDB and Mongoose.\n-   You have a basic understanding of RESTful APIs and CRUD operations.\n\n### Steps\n\nFollow these steps to run the project on your local machine:\n\n1. Clone the repository:\n\n    ```bash\n    #  copy the repository URL and replace [REPO_URL] with it\n    git clone [REPO_URL]\n    ```\n\n2. Navigate to the project directory:\n\n    ```bash\n    cd hirehaven-mern\n    ```\n\n3. Install the dependencies:\n\n    ```bash\n    #  install the dependencies for the frontend\n    cd www\n    npm install\n\n    #  install the dependencies for the backend\n    cd ../api\n    npm install\n    ```\n\n4. Create a `.env` file in the `api` directory and copy the contents of the `.env.example` file into it. Replace the values with your own:\n\n    - You'll need to create a MongoDB Atlas account and a cluster to get database string. We split the database string into `DB_PROTOCOL`, `DB_USERNAME`, `DB_PASSWORD`, `DB_HOST`, and `DB_NAME` for security reasons. Later, we'll combine these values to form the database string.\n    - Use `crypto.randomBytes(64).toString('hex')` to generate a random string for the `JWT_SECRET` and `EMAIL_SECRET`. Preferably, use different strings for each.\n    - Locally, your `FRONTEND_URL` will be `http://localhost:3000` and your `BACKEND_URL` will be `http://localhost:3001`.\n    - We used Gmail for sending emails. You can use your own email provider. If you use Gmail, you'll need to enable \"Less secure app access\" in your Google account settings. Fill out the `EMAIL_HOST`, `EMAIL_PORT`, `EMAIL_SECURE`, `EMAIL_USER`, `EMAIL_PASS`, `EMAIL_FROM_NAME`, and `EMAIL_FROM_ADDRESS` fields accordingly.\n\n5. Once you have set up the `.env` file, start the backend server:\n\n    ```bash\n    #  navigate to the api directory\n    cd api\n\n    #  start the server in development mode\n    npm run dev\n    ```\n\n    \u003e The server will run on `http://localhost:3001`. To build the server for production, run `npm run build` and then `npm run start`, or you could directly run `npm run start`, which will build and start the server.\n\n6. Similarly, create a `.env` file in the `www` directory and copy the contents of the `.env.example` file into it. Replace the values with your own:\n\n    - The `NEXT_PUBLIC_BACKEND_URL` should be `http://localhost:3001` for development.\n\n7. Open a new terminal window and start the frontend server:\n\n    ```bash\n    #  navigate to the www directory\n    cd www\n\n    #  start the server in development mode\n    npm run dev\n    ```\n\n    \u003e The frontend will run on `http://localhost:3000`. Open your browser and navigate to this URL to view the project. You can now register, login, and use the application.\n\n## Community\n\nJoin the [DRVGO Discord Server](https://itsdrvgo.me/support) to connect with the community and get help with your projects.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n## Connect with me\n\n[![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?logo=Instagram\u0026logoColor=white)](https://instagram.com/itsdrvgo)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/itsdrvgo)\n[![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?logo=Twitch\u0026logoColor=white)](https://twitch.tv/itsdrvgo)\n[![X](https://img.shields.io/badge/X-%23000000.svg?logo=X\u0026logoColor=white)](https://x.com/itsdrvgo)\n[![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?logo=YouTube\u0026logoColor=white)](https://youtube.com/@itsdrvgodev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsdrvgo%2Fhirehaven-mern","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fitsdrvgo%2Fhirehaven-mern","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fitsdrvgo%2Fhirehaven-mern/lists"}