Bunk Manager Mern

screenshot of Bunk Manager Mern

Bunk Manager Mern

Building React Web App to manage attendance in a university.


The Bunk Manager Mern project offers two methods for installation: the conventional way and using Docker. It provides detailed guidelines for contributing to the project, including cloning, making changes, and creating pull requests. Additionally, the project includes prototypes for various pages like Landing Page, Login Page, Sign Up Page, About Us Page, Today Page, and Subject Details Page.


  • Installation Options: Supports both conventional installation and installation using Docker.
  • Contributing Guidelines: Detailed instructions for contributing to the project, including forking, cloning, making changes, and creating pull requests.
  • Prototypes: Provides prototypes for various pages of the project like Landing, Login, Sign Up, About Us, Today, and Subject Details Pages.


Conventional Way:

  1. Open Project Folder.
  2. To install all dependencies, open Command Prompt and run.
  3. To install all client dependencies, open the client folder and run.
  4. To run the server.
  5. To run the client.
  6. To run both server and client (Recommended).

Using Docker:

  1. Install Docker.
  2. Use the following commands to run the app in the root directory:
    • docker-compose build (to build the project).
    • COMPOSE_HTTP_TIMEOUT=200 docker-compose up (to run the container).
  3. Access the project on localhost:3000.


The Bunk Manager Mern project offers two installation methods, detailed guidelines for contributing, and provides prototypes for various pages. Users can choose between the conventional way or use Docker for installation. The project aims to simplify the process of contributing by providing step-by-step instructions for forking, cloning, making changes, and creating pull requests.


Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

Fullstack Boilerplates

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.


Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.