Carlosaj18 / TestMGPanelBackend

Prueba técnica para proceso de selección - puesto de Programador Node.js y MongoDB.

CRUD + Admin Dashboard

This MERN CRUD Stack Admin Dashboard is a Technical test for the selection process - Node.js and MongoDB. For frontend, we will be using Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, we will be using Node JS, Express Js, Mongoose, and MongoDB. We will also go through how to Data Model using Entity Relationship Diagrams.
Explore the site »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
   • Data Model
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. Contact

About The Project!

This is a Dashboard Admin App that allows you to interact with your users from the backend and make calls in MongoDB.

TestMGPanelBackend.mp4

(back to top)

Usage

Here's why:

• Your Users can subscribe for your services.
• You can visualize your client needs.
• Your perform a complete CRUD with your users
• You can manage your admin settings.
• You can display you information with different graphics.

Built With

Build a COMPLETE Fullstack Responsive Admin Dashboard

(back to top)

Data Model

https://lucid.app/lucidchart/db8203c9-02d0-4e96-94a7-6d7279c11262/edit?viewport_loc=-1175%2C-152%2C3840%2C1728%2C0_0&invitationId=inv_475a0d15-6b0c-40bc-8c72-c7106d089782

Getting Started

Prerequisites

**Note**: This app requires API key from MongoDB Account

1. Download Node.js and npm (follow instructions here)

2. Git clone and cd into the repo folder:

https://github.com/Carlosaj18/TestMGPanelBackend.git && cd admin-clone

3. Install all dependencies

npm install

4. In root directory of the server, create a .env file

.env

5. In root directory of the client, create a .env.local file

.env.local

6. In the .env file, create following environment variables:

MONGO_URL = YOUR_MONGO_API_KEY
PORT = 7124

7. In the .env.local file, create following environment variables:

REACT_APP_BASE_URL = http://localhost:7124

8. Run the server

npm start
#for deployed version

npm run dev
#for deployed version

9. Run the client

npm start
#for deployed version

10. Access the project in your browser at localhost:3000/

(back to top)

Roadmap

• Installation
• Tech Stack
• Live Site
• Resources
• Let's Connect

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Live Site

1. Wee Logistics is a responsive web app can be viewed on any device.
2. Admin CRUD Dashboard is a responsive web app can be viewed on any device.

Contact

(back to top)