MERN Templates

Description

This repository is a curated collection of templates for MERN (HTML, CSS, React.js, Bootstrap) stack development. It aims to provide a quick and organized starting point for building full-stack web applications.

Table of Contents

• Installation
• Features
• Folder Structure
• Contributing
• License

Installation

1. Clone the Repository:

   git clone https://github.com/TheGuyDangerous/Mern-Templates.git

2. Navigate to the Project Directory:

   cd Mern-Templates

3. Run LiveServer Extension

   download the live server extension from VS code's extension library

Features

• MongoDB Integration: Seamless integration with MongoDB for efficient data storage.
• Express.js Backend: A robust Express.js backend to handle API requests and business logic.
• React.js Frontend: A scalable React.js frontend for building modern user interfaces.
• Node.js Server: A Node.js server to serve your application and handle server-side logic.
• Authentication Middleware: Included authentication middleware for secure user authentication.
• Webpack Configuration: Optimized Webpack configuration for bundling and optimizing your code.

Folder Structure

Mern-Templates/
|-- Bootstrap/
|   |-- homepage-temp/
|   |   |-- css/
|   |   |   |-- ...
|   |   |-- js/
|   |   |   |-- ...
|   |   |-- |homepage.html
|   |-- template2/
|   |   |-- ...
|-- CSS/
|   |-- template1.html
|   |-- template2.html
|   |-- ...
|-- HTML/
|   |-- template1.html
|   |-- template2.html
|   |-- ...
|-- Js/
|   |-- template1.html
|   |-- template2.js
|   |-- ...
|-- React/
|   |-- template1/
|   |   |-- build/
|   |   |   |--index.html
|   |   |-- public/
|   |   |   |-- ...
|   |   |-- |src

|-- ...
|-- README.md
|-- .hintrc
|-- index.html
|-- ...

Contributing

We welcome contributions to improve and expand this repository. If you have a suggestion, found a bug, or want to add a new template, please open an issue or submit a pull request. Before contributing, please read our contributing guidelines.

Fork the Repository

Create a fork of the repo, by tapping on the fork button, inside the repo page.

Follow the Installation Section

Template Selection

Choose a category that suits your project requirements. Each template is located in its respective directory under the HTML CSS Javascript Bootstrap and React folder.

Configuration

Customize the configuration files according to your project needs. Update environment variables, database connections, and any other settings as required.

Development

Start the live server extension and build upon the repository to create your own template.

Production Build for react pages inside

When ready for production, submit a Pull request to the repository.

git push -u origin main

License

This project is licensed under the MIT License.