mpowers1113 / eggdrop Goto Github PK

⚙️ Feature

What capability will users have when this feature is merged?

User can drop an egg at their desired location, whether it’s their current location or another one.

📐 Functionality

A description of how the application will work from the perspective of the user.

Within the main page (map), the user can navigate to a location of their choosing and drop an egg. The egg will stay fixed at that location for others to pick up.

🖼️ Wireframes

Wireframe screenshot(s) of what the app should look like when it is complete.

✅ Task List

Commit checklist for tasks needed to complete the feature.

🐘 Database

• Update schema.sql to include user location, eggData, and the following rows that can be viewed here: https://dbdesigner.page.link/b1qXPXwTJ8Wfs7RQ9
• Update data.sql to include the aforementioned tables

☁️ Server

• Update server/index.js to fetch userData and eggData
• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client

• Create a component to add the egg.
• Update main map to include added egg.

🧑‍⚕️ Clean Up

• Create main page map.
• Create component to add egg.
• Update main page to include added egg.
• Make sure that no React state objects are being mutated.
• Make sure that no event listeners are manipulating the DOM directly.
• Make sure that click targets are either <a> or <button> elements.
• Make sure that all click targets show a cursor: pointer when hovered with the mouse.
• Remove all buttons and placeholders that do not serve the functionality of the feature.
• Remove all console logs.
• Remove all commented out code.
• Remove all CSS properties that have no effect.
• Check all code for proper formatting and indentation.
• Confirm that there are no errors in the console while using the application.
• Confirm that all previous functionality still works without errors.
• Confirm that the user interface looks natural on both mobile and desktop screens.
• Create GIFs of the feature being used on both mobile and desktop screen sizes for inclusion in Pull Request.

⚙️ Feature

What capability will users have when this feature is merged?

User can register an account with eggDROP.

📐 Functionality

A description of how the application will work from the perspective of the user.

When the user navigates to eggDROP, they can create an account to login.

🖼️ Wireframes

✅ Task List

Commit checklist for tasks needed to complete the feature.

🐘 Database

• Update schema.sql to include users table
• Update data.sql to include new user

☁️ Server

• Update server/index.js to add user table
• Update server/index.js to add new user
• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client

• Create a component to collect user input

🧑‍⚕️ Clean Up

• Make login page and style appropriately
• Test user input and ensure it's writing to database.
• Make sure that no React state objects are being mutated.
• Make sure that no event listeners are manipulating the DOM directly.
• Make sure that click targets are either <a> or <button> elements.
• Make sure that all click targets show a cursor: pointer when hovered with the mouse.
• Remove all buttons and placeholders that do not serve the functionality of the feature.
• Remove all console logs.
• Remove all commented out code.
• Remove all CSS properties that have no effect.
• Check all code for proper formatting and indentation.
• Confirm that there are no errors in the console while using the application.
• Confirm that all previous functionality still works without errors.
• Confirm that the user interface looks natural on both mobile and desktop screens.
• Create GIFs of the feature being used on both mobile and desktop screen sizes for inclusion in Pull Request.