Skip to content

Latest commit

 

History

History
executable file
·
91 lines (52 loc) · 3.19 KB

README.md

File metadata and controls

executable file
·
91 lines (52 loc) · 3.19 KB

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.