REACT-JS Leads selling website
Budget: $30 – $250 USD
I want to create a website in React-JS for my ecommerce business where I am selling leads from the leading universities of the world. There are 4 types of users: Guest, Client, Admin, and Super-Admin. Guest is one who is not registered as a Client. After the successful registration, the Guest is converted to Client where the Client can login to the website with his/her own login credentials. Admin and Super-Admin are those who administer the website. The website has 3 main sections.
Section-1. Front End (Including Home/Filter and Vote): The Front-End has four pages. Home, Vote, Price, Support, Login. (The Client filters out the leads of his own choice). [This part has already been constructed in React-JS, as attached (Filter.zip)].
The code 'Filter' has already been constructed in React-JS. The freelancer is required to construct the missing parts in Filter (To add the option to enable the Admin to upload the JSON files based country-wise).
Beside the four filters within 'Filter.zip', another type of filtering will be implemented based on 3 check-boxes (as mentioned in Front-End/Home page).
Moreover, the freelancer is required to provide the Registration/Login/Forgot-Password sections in the Front-End.
Instructions have already been provided in Front-End.pptx.
Section-2. Admin dashboard (To be constructed: Instructions provided in Admin-Dashboard.xlsx, and https://pixer-react-admin.vercel.app/)
Section-3. Client dashboard (To be constructed: Instructions provided in Client-Dashboard.pptx)
Note 1: Admin Dashboard must be designed according to Web-Link (https://pixer-react-admin.vercel.app/). The suggested changes have been reflected in Admin-Dashboard.xlsx.
Note 2: Dates must be assigned according to Hong Kong time.
Note 3: There must be an Update button at the end of tables in DB1, DB3, DB5, and DB8 of the Admin Dashboard. After providing input by Admin in yellow boxes, these entries must be updated after the Update button is pressed. If the 'Update' button is not pressed and the Admin cancels the page or moves to another page, the applied inputs must be updated automatically.
Note 4: There are codes with their definitions in Admin-Dashboard.xlsx (Parameter definitions). I want the developer to write the codes along with their definitions in the Admin Dashboard. Moreover, the colors (Yellow, Green, and Blue) must also be defined accordingly to each table. In the case of the Client dashboard, there is no need to write the codes.
Note 5: In the case of Web-Link (https://pixer-react-admin.vercel.app/), we can see the tabs like Dashboard, Shops, My Shops, etc at the left-hand panel. I want the developer to replace them with Graphical parameters, Clients, Search Batches, Order IDs, Payment Details, and Vouchers. In the case of Super-Admin, the three additional options must be 'Upload JSON file', 'Admins', and 'Admin Inputs' at the left panel.
Note 6: In Admin-Dashboard, there must be a 'download CSV' option at the top of every table except the 'Upload JSON file' option.
Note 7: Preference will be provided to work in Reach-JS.
Section-1. Front End (Including Home/Filter and Vote): The Front-End has four pages. Home, Vote, Price, Support, Login. (The Client filters out the leads of his own choice). [This part has already been constructed in React-JS, as attached (Filter.zip)].
The code 'Filter' has already been constructed in React-JS. The freelancer is required to construct the missing parts in Filter (To add the option to enable the Admin to upload the JSON files based country-wise).
Beside the four filters within 'Filter.zip', another type of filtering will be implemented based on 3 check-boxes (as mentioned in Front-End/Home page).
Moreover, the freelancer is required to provide the Registration/Login/Forgot-Password sections in the Front-End.
Instructions have already been provided in Front-End.pptx.
Section-2. Admin dashboard (To be constructed: Instructions provided in Admin-Dashboard.xlsx, and https://pixer-react-admin.vercel.app/)
Section-3. Client dashboard (To be constructed: Instructions provided in Client-Dashboard.pptx)
Note 1: Admin Dashboard must be designed according to Web-Link (https://pixer-react-admin.vercel.app/). The suggested changes have been reflected in Admin-Dashboard.xlsx.
Note 2: Dates must be assigned according to Hong Kong time.
Note 3: There must be an Update button at the end of tables in DB1, DB3, DB5, and DB8 of the Admin Dashboard. After providing input by Admin in yellow boxes, these entries must be updated after the Update button is pressed. If the 'Update' button is not pressed and the Admin cancels the page or moves to another page, the applied inputs must be updated automatically.
Note 4: There are codes with their definitions in Admin-Dashboard.xlsx (Parameter definitions). I want the developer to write the codes along with their definitions in the Admin Dashboard. Moreover, the colors (Yellow, Green, and Blue) must also be defined accordingly to each table. In the case of the Client dashboard, there is no need to write the codes.
Note 5: In the case of Web-Link (https://pixer-react-admin.vercel.app/), we can see the tabs like Dashboard, Shops, My Shops, etc at the left-hand panel. I want the developer to replace them with Graphical parameters, Clients, Search Batches, Order IDs, Payment Details, and Vouchers. In the case of Super-Admin, the three additional options must be 'Upload JSON file', 'Admins', and 'Admin Inputs' at the left panel.
Note 6: In Admin-Dashboard, there must be a 'download CSV' option at the top of every table except the 'Upload JSON file' option.
Note 7: Preference will be provided to work in Reach-JS.