Skip to content

A MERN js Starter Pack including JWT Auth, MVC Structuring, ShadCN UI & more.

Notifications You must be signed in to change notification settings

ParthKapoor-dev/create-mern-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CREATE-MERN-JS

Hi there! 👋 I'm Parth, and I've developed CREATE-MERN-JS to streamline your MERN stack development. This package eliminates the repetitive setup process, allowing you to focus on building amazing applications. It’s packed with essential tools and a robust structure, making it perfect for hackathons, rapid prototyping, or any MERN project!

Features ✨

  • React JS for building interactive user interfaces
  • Express JS for creating robust backend APIs
  • Mongoose for elegant MongoDB object modeling
  • Node JS for scalable network applications
  • JWT Auth for secure authentication
  • Tailwind CSS for utility-first CSS styling
  • ShadCN UI & Themes for beautiful, customizable components
  • Hover.dev for Interactive UI/UX
  • React Router for dynamic routing
  • React-Redux and Redux Toolkit for state management
  • Framer Motion for smooth animations
  • JOI for data validation
  • DotEnv for environment variables management
  • Bcrypt for hashing passwords
  • Nodemon for automatically restarting the server

File Structure 🗂️

The project comes with a well-organized file structure, separating the client and server codebases to ensure scalability and maintainability.

Installation Guide 🚀

Follow these steps to get started with your new MERN application:

  1. Create Your App:
    npx @devwizz/create-mern-js my-app-name
  2. Install Packages in Client Directory:
    cd client && npm install
  3. Install Packages in Server Directory:
     cd server && npm install
  4. create .env file in Server Directory:
     PORT=3000
     MONGO_URI="mongodb+srv://<username>:<password>.focvrms.mongodb.net/db-name"
     SECRET="thisisasamplesecretpleasecreateyourownnewsecretforthisapp"
  5. create .env file in Client Directory:
     VITE_URI="your_backend_uri"
  6. Start by running following commands in Client & Server:
     npm run dev

Contributing 🤝

This project is open-source and welcomes contributions. Feel free to visit parthkapoor-dev/create-mern-js to add new features or resolve existing issues. Let's make MERN development effortless together!

With ❤️ by Parth Kapoor

About

A MERN js Starter Pack including JWT Auth, MVC Structuring, ShadCN UI & more.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published