README.md

📋 File Tree

📦frontend
 ┣ 📂node_modules
 ┣ 📂public
 ┣ 📂src
 ┃ ┣ 📂components
 ┃ ┃ ┣ 📂Modals                 // image select modal
 ┃ ┃ ┃ ┣ 📜Modal.css
 ┃ ┃ ┃ ┗ 📜Modal.js
 ┃ ┃ ┣ 📜BlankTop.js            // Margin between components
 ┃ ┃ ┣ 📜Button.js              // Button component
 ┃ ┃ ┣ 📜Header.css
 ┃ ┃ ┣ 📜Header.js              // Page Header
 ┃ ┃ ┣ 📜logo.PNG               // Project Logo
 ┃ ┃ ┣ 📜Search.js              // Table Search Function
 ┃ ┃ ┣ 📜Table.js               // Main Page Table
 ┃ ┃ ┗ 📜TableCell.js           // Tabel Cell hover
 ┃ ┣ 📂pages
 ┃ ┃ ┣ 📜imgIcon.png            // Modal Icon
 ┃ ┃ ┣ 📜Loader.js              // Loading Page
 ┃ ┃ ┣ 📜Login.js               // Login Page
 ┃ ┃ ┣ 📜loginLogo.PNG          // Project Logo
 ┃ ┃ ┣ 📜MainPage.js            // MainPage
 ┃ ┃ ┣ 📜noLogin.PNG            // noLogin Page
 ┃ ┃ ┗ 📜Signup.js              // Signup Page
 ┃ ┣ 📜App.js                   // pages components manage
 ┃ ┣ 📜config.js
 ┃ ┣ 📜index.css
 ┃ ┗ 📜index.js
 ┣ 📜Dockerfile                 // react container included in 
 ┗ 📜README.md

💡 How to start

install packages

cd frontend
npm install

run

npm start