k-bowler / final-project

final-project

A full stack JavaScript solo project.

final-project's Issues

Users can make new profiles

⚙️ Feature

What capability will users have when this feature is merged?

📐 Functionality

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

🖼️ 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 ...
• Update data.sql to ...

☁️ Server

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

⚡ Client

• Create a component to ...
• Update component to ...

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

User can edit their posts

⚙️ Feature

What capability will users have when this feature is merged?

📐 Functionality

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

🖼️ 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 ...
• Update data.sql to ...

☁️ Server

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

⚡ Client

• Create a component to ...
• Update component to ...

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

User can delete their posts

⚙️ Feature

What capability will users have when this feature is merged?

📐 Functionality

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

🖼️ 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 ...
• Update data.sql to ...

☁️ Server

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

⚡ Client

• Create a component to ...
• Update component to ...

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

Users can view posts

⚙️ Users can view posts

📐 Functionality

Users will be able to see posts that they or others have posted

🖼️ Wireframes

✅ Task List

Commit checklist for tasks needed to complete the feature.

🐘 Database

• Initial setup of schema.sql to create all tables
• Add dummy data to data.sql to test with

☁️ Server

• Create endpoint GET /api/posts to fetch posts from database
• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client

• Create a component for the main page ViewMemes
• Create a component for the nav bar Nav
• Create a component for the main image Meme
• Create a component for the comment form CommentForm

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

Users can comment on posts

⚙️ Feature

What capability will users have when this feature is merged?

📐 Functionality

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

🖼️ 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 ...
• Update data.sql to ...

☁️ Server

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

⚡ Client

• Create a component to ...
• Update component to ...

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

User can post images/ videos

⚙️ Feature

User can post images/ videos

📐 Functionality

User can upload images or videos to the app for all other user to see in either the main collective page or in their profiles

🖼️ Wireframes

✅ Task List

Commit checklist for tasks needed to complete the feature.

☁️ Server

• Create endpoint POST /api/posts to save a user created post to database
• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client

• Create a component to upload images or videos Upload
• Create a component for adding text to an image EditText
• Create a component for editing the filter for an image EditFilter
• Create a component for submitting a new meme Submit

🧑‍⚕️ Clean Up

• ...
• ...
• 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.

User can like/ dislike posts

⚙️ Feature

📐 Functionality

User can double tap or click the like/ dislike button to like or dislike a post

🖼️ Wireframes

✅ Task List

☁️ Server

• Test with HTTPie
• Handle all errors and respond to the client

⚡ Client

• Create a component to like/ dislike posts

🧑‍⚕️ Clean Up

• ...
• ...
• 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.