Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mhmdahmedfathi/renosystems

this is an assignment for renosystems
https://github.com/mhmdahmedfathi/renosystems

node nodejs react sass

Last synced: 1 day ago
JSON representation

this is an assignment for renosystems

Awesome Lists containing this project

README

        



Project logo

renosystems

[![Status](https://img.shields.io/badge/status-active-success.svg)]()

[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/pulls)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)

---



this is an assignment for renosystems.
it is a dashboard where you can add users ,
add them to manager group and much more
it is done using React js, SASS , Node.js, Express, Mongodb

## 📝 Table of Contents

- [About](#about)
- [Getting Started](#getting_started)
- [Usage](#usage)
- [Built Using](#built_using)
- [Authors](#authors)

## 🧐 About

it is sample of one page to show dashboard
and add some users and display them

When you start the application and there is no users yet, you will find that



Project screenshot

When you add some users to the database, you will find that
Note that each user will be assigned different color in his label



Project screenshot

you can check them and do any operation you want on one or more than one of them as you want



Project screenshot

When checked them and assign them to manager group, as You can see the checked users changed to be managers all



Project screenshot

when you try to add new user



Project screenshot

Make sure that you typed email,username,name correctlly so no error will appear



Project screenshot

When you try to add user that has the same email as someone else, it will display an error indicating that



Project screenshot

conrags, you have add new user :D



Project screenshot

## 🏁 Getting Started

you can just clone the repo using

```
git clone https://github.com/mhmdahmedfathi/RENOSYSTEMS.git
```

then, you have to enter to the main directory and install the modules using ``` npm install ```

then, you can type ```npm start``` and start the frontend application

for the backend, you have to move to the server folder using ```cd server``` and install its modules using ```npm install```
and then start the program using ```node index.js```

### Prerequisites

What things you need to install

```
node js
react js
```

## 🎈 Usage

Add notes about how to use the system.

## ⛏️ Built Using

- [MongoDB](https://www.mongodb.com/) - Database
- [Express](https://expressjs.com/) - Server Framework
- [NodeJs](https://nodejs.org/en/) - Server Environment
- [ReactJs](https://react.dev//) - Web Framework

## ✍️ Authors

- [@mhmdahmedfathi](https://github.com/mhmdahmedfathi) - Idea & Initial work