DSDmark / SimpleCURD

The MERN app serves as an example of how to utilise Build React App with Includes @mui/Material and its peer dependencies, which include emotion, the built-in style engine in MUI v5. Moreover, it employed Node.js for its RESTful APIs, and MongoDB was used to store data. It works with the Docker platform.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SimpleCURD πŸ’€

GitHub tag (latest by date) GitHub GitHub language count GitHub last commit pages-build-deployment

MERN App example with Vitejs, Redux toolkit, Material-ui πŸš€ and Nodejs.

Purpose πŸ˜‘

The MERN app serves as an example of how to utilise Build Vitejs App with Includes @mui/Material and Redux toolkit its peer dependencies, which include emotion, the built-in style engine in MUI v5. Moreover, it employed Node.js for its RESTful APIs, and MongoDB was used to store data. It works with the Docker platform.

How to install πŸ˜’

You can utilise that software in two different ways.

  • Using Nodejs.
  • Using Docker.

Frist, here is by using Nodejs.

  1. Click on green Clone or download button and choose Download ZIP.
  2. Find the downloaded zipped file on your pc and extract it.
  3. Then install nodejs and NPM in your local system.
  4. Open the Root Directory, navigate to SimpleCURD using the command cd SimpleCURD and use either npm install or pnpm install to install all dependencies in the frontend and backend directories. It used concurrently:7.6.0 in this project. So, you may use the npm start command in root folder, once you have finished installing all dependencies in each folder that contains a package.json file.

Second, here is by using Docker.

  1. Click on green Clone or download button and choose Download ZIP.
  2. Find the downloaded zipped file on your pc and extract it.
  3. Then install Docker in your local system.
  4. Run that command simply. docker-compose up -d.
  5. You can now open the frontend at localhost:3000 and the backend at localhost:4000 in your browser.

Once you are done you can close πŸ”’ the application in your terminal to quit the application.


Here you can quick start with that repo πŸ‘Ό

For frontend:

Edit on CodeSandbox

For backend:

Edit on CodeSandbox

Try Out SimpleCURD Demo πŸš€

SimpleCURD

SimpleCURD

SimpleCURD perview

If you have any issues with that Application feel free to let me know πŸ™ƒ!

If you are more interested, check out πŸ₯Ί the collection of DSDmark.


About

The MERN app serves as an example of how to utilise Build React App with Includes @mui/Material and its peer dependencies, which include emotion, the built-in style engine in MUI v5. Moreover, it employed Node.js for its RESTful APIs, and MongoDB was used to store data. It works with the Docker platform.

License:MIT License


Languages

Language:JavaScript 95.4%Language:Dockerfile 2.6%Language:HTML 1.3%Language:Shell 0.7%