Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jumba23/dashboard-mern-app
https://github.com/jumba23/dashboard-mern-app
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/jumba23/dashboard-mern-app
- Owner: jumba23
- Created: 2023-01-14T18:04:11.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-16T19:53:20.000Z (over 1 year ago)
- Last Synced: 2023-08-12T21:53:19.768Z (about 1 year ago)
- Language: JavaScript
- Size: 397 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Manage App
Manage is a business app built in React (front-end) and Node (back-end), designed to help users manage their tasks and projects. This README file provides an overview of the app and its technologies, as well as instructions on how to get started with the app.
# Getting Started
To get started with the app, you will need to have Node.js and MongoDB installed on your machine. You can download Node.js from the **[official website](https://nodejs.org/en/)** and MongoDB from the [official website](https://www.mongodb.com/).
Once you have Node.js and MongoDB installed, you can follow these steps:
Clone the repository to your local machine.
Install the dependencies for both the front-end and back-end by `running npm` install in their respective directories.
Start the back-end by running `npm run dev` in the `backend` directory. This will start the server at `http://localhost:5000`.
Start the front-end by running `npm start` in the `frontend` directory. This will start the React app at `http://localhost:3000`.
# Tools and Technologies
Tools and Technologies
This app is built using the MERN stack, which consists of MongoDB, Express, React, and Node.js. Here are the tools and technologies used in each layer:
### Front-end
- **React** - JavaScript library for building user interfaces.
- **React Router** - Routing library for React.
- **RTK Query** - Data fetching library for Redux.
- **Material UI** - React UI framework.
- **Nivo** - React-based data visualization library.
### Back-end
- **Node.js** - JavaScript runtime for server-side code.
- **Express**- Web application framework for Node.js.
- **MongoDB** - NoSQL database used to store app data.
- **Mongoose** - Object Data Modeling (ODM) library for MongoDB.
# Author
This app was created by Goran Cvetic, a software developer with experience in building React and Node.js applications. You can connect with Goran on [LinkedIn](https://www.linkedin.com/in/goran-cvetic/).