TakeOnRent Project Proposal

This will act as group 19's project proposal. The application TakeOnRent would allow the users to conveniently navigate and find the product that would be required for a specific interval of time without buying the product.

• Date Created: 15 06 2022
• Last Modification Date: 16 06 2022
• Git URL: https://git.cs.dal.ca/rspatel/csci_5709_project_group_19
• App deployed on Netlify URL: https://takeonrent.netlify.app/

Getting Started

To run this project, we have added all the dependencies in the package.json file. The user after cloning the git repo from the link mentioned in the above section will have to run the below command:

• npm -install

• npm run start

Prerequisites

It is expected that node and npm is installed before running the app on the local machine.

See the following section for detailed step-by-step instructions on how to install node.

Installing

Steps to install node and npm on Windows:

1. Go to the site https://nodejs.org/en/download/ and download the necessary binary files.
2. Run the installation.
3. Continue with the installation steps.
4. Accept the terms and conditions.
5. Set up the path.
6. Select the default components to be installed.
7. Start the installation.
8. Complete the installation.
9. Restart your computer. You won’t be able to run Node.js until you restart your computer.
10. Test by opening command prompt and type node -v and then npm -v to see if node and npm are configured in the system. This should print the version number so you will see something like v0.10.35.

Deployment

To deploy the app manually on netlify follow the following steps:

1. Run the command to generate the build file - 'npm run build'
2. Login to netlify and go to deployment section
3. Drop the build folder to the deployment section
4. Wait for the app to be published and the link of the deployed app will be displayed

Built With

• ReactJS
• MaterialUI
• React Router Dom
• React Bootstrap
• Formik

**

Sources Used

1. https://v5.reactrouter.com/web/guides/quick-start
2. https://stackoverflow.com/questions/17439917/regex-to-accept-alphanumeric-and-some-special-character-in-javascript
3. https://stackoverflow.com/questions/46155/how-can-i-validate-an-email-address-in-javascript
4. https://mui.com/material-ui/react-container/
5. https://treehouse.github.io/installation-guides/windows/node-windows.html
6. https://betterprogramming.pub/how-to-deploy-your-react-app-to-heroku-aedc28b218ae
7. https://www.lucidchart.com/
8. https://balsamiq.com/
9. https://appbrewery.com/
10. https://nodejs.org/en/
11. https://mui.com/
12. https://react-select.com/home
13. https://fontawesome.com/icons
14. https://app.diagrams.net/
15. https://Balsamiq.com/
16. https://www.freepik.com/free-vector/renting-electronic-device-renting-electronics-website-new-device-rent-terms-use-conditions-gadget-rental-test-equipment-lease_13450501.htm#query=equipment%20rental&position=12&from_view=search
17. https://www.freepik.com/popular-vectors
18. https://www.flaticon.com/free-icon/for-rent_1009805
19. https://fontawesome.com/start
20. https://sweetalert.js.org/
21. https://getbootstrap.com/
22. https://draw.io/
23. V. Subramanian, “React-Bootstrap,” in Pro MERN Stack, Berkeley, CA: Apress, 2019, pp. 315–376.