This repository has been archived by the owner on Jul 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
Development
Amaar Sana edited this page Jun 6, 2022
·
12 revisions
We predominantly used Github to share files and keep track of version controls. We all learned how to push and pull and commit on Github. At the end, Amaar was in charge of deploying and merging all the final code that both Rahul and Rayyan pushed to the main branch. Below is the main page of the repository we used to push and pull code and changes.
We created design UI and color schemes and logos. To share these files amongst each other we used Google. We created a Gmail just for this project and shared the login. This way, we all had access to the drive.
Planning
- Helped team work on UI designs. Created playlists for us to learn react and Javascript. Collected a list of modules we needed for each page
- Learned necessary skills and knowledge prior to starting my parts of the project
Development
- Developed the main landing page & location page & navbar & privacy
- Worked on CSS for all those pages above
- Used Firestore and Google maps API and HTML Geolocation API to create responsive pages
Quality Assurance
- Worked on routing all pages using react router
- Made sure information was collected and stored Realtime in Firebase.
- Tested the buttons to make sure the values change when pressed.
Planning
Development
Quality Assurance
Planning
- Created UI designs for designated parts of the project
- Learned necessary skills and knowledge prior to starting my parts of the project, pertaining to languages and databases, to ensure project could be approached with sufficient knowledge to be completed
- Emailed food banks to see if they are interested in our project and if they believe if it is innovative/purposeful
Development
- Used UI designs to gage how my parts of the project will be constructed and how flexible my actual project can be in similarity to the original UI designs
- Developed FAQ and Contact page as well as Local Food Banks page which was later merged in with location page
- Utilized React and CSS to allow for responsive and well animated web pages
- Used Firebase to store all inquiries submitted on contact page
Quality Assurance
- Tested Firebase and contact page to ensure it was working together
- Reached out to group members to seek advice on how my parts of the project can be improved and vice versa