MERNcraft 1.0.19

MERNcraft is an automation script designed to kickstart your MERN stack application development. It helps you set up a basic project structure with React for the frontend and Express for the backend.

MERNcraft

MERNcraft is an automation script designed to kickstart your MERN stack application development. It helps you set up a basic project structure with React for the frontend and Express for the backend.

MERNcraft on GitHub

View the MERNcraft project on GitHub here.

Features

• Frontend Setup: Creates a React application using create-react-app.
• Backend Setup: Sets up a basic Express server with a sample server.js file.
• Project Structure: Organizes the project into frontend/ and backend/ directories.
• Top-Level Files: Includes a README.md and .gitignore for project documentation and Git management.

Use Cases

• Quickly start a new MERN project with a clean structure.
• Prototype MERN stack applications.
• Automate the setup of MERN projects for testing or learning purposes.

Bonus: How to Deploy a MERN Stack Application on Vercel (Frontend - React) and Render (Backend - Express)

This repository contains the step-by-step guide to deploy a MERN stack application on Vercel and Render. It includes the following:

• Deploying the React frontend on Vercel.
• Deploying the Express backend on Render.
• Connecting the frontend and backend for a complete MERN stack application.
• Setting up environment variables for the frontend and backend.

Getting Started

1. Run the Automation Script

   Install the MERNcraft package from PyPI using pip:

   pip install MERNcraft
   

   OR

   Clone this repository or download the script and run it to create your project structure:

   git clone https://github.com/Hardvan/MERNcraft
   cd MERNcraft
   python MERNcraft.py
   

   The script will:

   • Create the project directories and files.
   • Set up the React frontend.
   • Set up the Express backend.
   • Generate a README.md and .gitignore file.

2. Start the Frontend

   Navigate to the frontend directory and start the React app:

   cd frontend
   npm start
   

   Open http://localhost:3000 to view your React app.

3. Start the Backend

   Navigate to the backend directory and start the Express server:

   cd backend
   npm run dev
   

   Open http://localhost:5000 to view your Express server.

Project Files

• MERNcraft.py: The main automation script that sets up your MERN project.
• frontend/: Contains the React application created with create-react-app.
• backend/: Contains the Express server setup.
  • server.js: The entry point for the Express server.
  • models/: Directory for database models.
  • routes/: Directory for API routes.
  • controllers/: Directory for handling business logic.
• README.md: Project documentation (this file).
• .gitignore: Contains files and directories to be ignored by Git.

Notes

• Ensure you have Node.js and Python installed to run the automation script and manage dependencies.
• Customize your React and Express applications as needed.

Happy coding! 🚀