connorandersonlarson / autoscout

Hello There, I'm Connor Anderson-Larson

Facilities Worker/Woodworker turned Developer

• 🔭 I’m currently working on Mormors Receptbok

• 🌱 I’m currently learning PHP, Jest, Java?

• 👨‍💻 All of my projects are available at My personal website

• 📝 I occasionally write articles on LinkedIn

• 💬 Ask me about React, Cats, JS, Woodworking

• 📫 How to reach me [email protected]

• 📄 Know about my experiences via my Resume

• 😄 Pronouns: He/Him

• ⚡ Fun fact I will never say no to ramen!

Blogs posts

Connect with me:

Languages and Tools:

Support:

autoscout's Issues

Personas

Personas

Create App component

Add First component to react app:

• Component Created
• State contains civs array and error string
• Connect Router
• Add Switch
• Add API call

Improve Data

API data overall is incomplete. Create data following similar structure to add into app for new civs.
id should begin at 33, civ icons are already contained in app.

Format for data is as follows:
{ "id": 30, "name": "Portuguese", "expansion": "African Kingdoms", "army_type": "Naval and Gunpowder", "team_bonus": "Free cartography from Dark Age", "civilization_bonus": [ "All units costs -15% gold", "Ships +10% HP", "Can build Feitoria in Imperial Age" ] },

Color Palette

Initial Color Palette Idea
Red: #DB4A14
Yellow: #F9AC3D
Green: #758C33
Brown: #8A4F11
Tan: #D0B385
Blue: #2D758C

Palette Contrast
Individual Contrast

Add unique civ crests to site

add civ crests to populate with each civ on gallery view

Create Personas

Worksheet Here

• Turn in to Instructors!

Add Error Handling

Add error handling to all pertinent sections.

Add Testing

Add testing to site

Should Test:

• API calls (happy/sad tests)
• Main page views/pathing
• single civ view (and loading in to single view)
• Full user flow

Rubric

Rubric

Polish Inspect Button

Button currently inspects civs/returns home on click but sometimes needs to be clicked twice to work.

Add Styling

As a user, I can favorite civilizations

Detailed User Story:
As a user
In order to keep a list of certain civilizations
When I inspect a civ in the detail page
(and press the favorite button)
Then I will see that civ in a separate box on the main screen with other favorited civs.
(and I see the favorite button change to signify it has been favorited)

Further Information:

Civ page view should be created already
New state of favorites should be created
Favorites component can be created to house civs on main page.

<When the task is executed, what happens? What does the user see?>
When a user enters the civ detail page a favorite button will be present.
On click the button should change to show this is a favorited civ (and becomes unclickable)
The sidebar should reflect this change.
Favorites can be double clicked to remove from favorites box (This should have a written prompt)

Clean Data

Data currently contains repeats and unnecessary data. Clean up.

Create Civ Tree

Create a gallery for the civilizations to reside in, with individual components for each civ.
Gallery view should show name of civ and image, and sort items in a way to be determined.

As a user, I can choose to inspect a chosen civ more closely.

Detailed User Story:
As a user
In order to view more detail about civilizations
When I choose a civ on the home screen
(and I press the inspect button located on the sidebar)
Then I see the gallery get replaced with more civ information
(and I see civ match ups to compliment that civ)

Further Information:

New component should be created, utilizing civId class for data
Inspect button should be created, located in sidebar w/functionality in App.js
method for sorting civs should be created to give users different civs to compliment/fight against.
<When the task is executed, what happens? What does the user see?>
On click of a civ a user will be able to then press the inspect button.
Gallery view will disappear and civ detailed view will take its place. Sidebar will remain the same, with button now saying 'return'

Add Responsiveness

Focus on Tablet followed by mobile (following usage from persona creation)