jrTilak / mern-template

This is a starter template for building web applications using the MERN stack (MongoDB, Express.js, React.js, Node.js) with TypeScript.

MERN TypeScript Starter Template

This is a starter template for building web applications using the MERN stack (MongoDB, Express.js, React.js, Node.js) with TypeScript.

For CONTRIBUTING, see CONTRIBUTING.md.

Technologies Used

Frontend read more

• React.js: for building the user interface.
• Vite.js: for building the frontend.
• TypeScript: for adding types to JavaScript.
• Tailwind CSS: for styling the user interface.
• Shadcn UI: for adding elements.
• React Router: for routing.

Backend read more

• Express.js: for building the server-side application.
• MongoDB: for the database.
• TypeScript: for adding types to JavaScript.

Getting Started

To get started with this template, follow these steps:

1. Clone the repository:

    git clone https://github.com/jrTilak/mern-template

2. Set up the environment variables: Create a .env file in the root directory and add the necessary environment variables from .env.example file.

3. Install the dependencies and start the development server:

   cd ./frontend // or cd ./backend
   npm install
   npm run dev

4. Open your browser

Frontend

Backend