employees-list

Useless WebApp developed for deliberate practice using the MERN Stack

This app will let you add users in a database and show their location on a map. That's it.

All users will have the same sad user icon due to space limitation in my database

Most important libraries used:

    "formik": "^2.2.9",
    "leaflet": "^1.8.0",
    "react-bootstrap": "^2.3.1",
    "react-leaflet": "^4.0.0",
    "yup": "^0.32.11",
    "mongoose": "^5.13.14",
    "express": "^4.17.1",
    "mongodb": "^3.7.3"

Future features might include updating users and authenticating into the app

Installation

1. git clone https://github.com/enfff/employees-list/ && cd employees-list

Client installation

Make sure you're on the root folder, i.e. employees-list

2. cd client
3. npm install
4. npm start

Server installation

Make sure you're on the root folder i.e. employees-list

2. cd server
3. npm install
4. echo "ATLAS_URI='mongodb+srv://<username>:<password>@theuseless-webapp.tcqqm.mongodb.net/myFirstDatabase?retryWrites=true&w=majority'" > .env
5. echo PORT='3005' >> .env

You can request the <username> and <password> field by contacting me (check my GitHub bio for more contact)

Todos

• routes
• ui-development
• database

Things that requires polishing

• Create a component for showing fetching data
• Show only a couple of users in the homepage (more can be requested with a proper button)
• Fix that error you get when you write a bio (/add-user) with less than 10 characters
• Remove the tmp "/client/src/Routes/FormikForm.js"