Overview

The Pine UIExpress JSReactReact RouterReact QueryTS NodeTailwind CSSTypescriptMongoDB is a comprehensive and user-friendly boilerplate designed to expedite the development process of MERN Stack Dashboards. It provides developers with an extensive range of components and features, making it easier to kickstart projects.

Features

• Responsive Layout: Ensures the dashboard adapts to different screen sizes seamlessly.
• Authentication w/ Forgot Password Recovery: Built-in authentication system with password recovery functionality.
• Student Management (CRUD): Allows managing student data with Create, Read, Update, Delete operations.
• Custom Components based on TailwindCSS: Extensive use of Tailwind CSS for customizable components.
• Developer Experience Enhancement: Includes ESLint, Prettier, and Husky for improved development processes.

Installation

1. Create a .env file in the project directory (apps/api and apps/dashboard) with your environment variables.
2. Install dependencies by running the command in the terminal (root folder):

npm install

3. Start the application by running the following command in the root directory:

npm start

4. Access the application in your dashboard at http://127.0.0.1:5173/ and API at http://localhost:3001.

Summary

The Pine UIExpress JSReactReact RouterReact QueryTS NodeTailwind CSSTypescriptMongoDB is a feature-rich boilerplate for MERN Stack Dashboards. Its powerful components, responsive layout, and developer-friendly tools make it a valuable resource for accelerating the development of web applications.