nichelicorn / gallery

An art gallery platform, with data from the Harvard Art Museum API 🖼

🌊 Hey, you!

Welcome to my README! Thanks for stopping by. Feel free to have a look around.

Want to know a little about me? I am driven by curiosity. My favorite places are libraries, gardens, and the internet! Joy is never in short supply when there is something to learn, and I am grateful to have the opportunity to always be learning. I value open collaboration and communication, and I believe that when people are informed and inspired anything is possible! 🌈💫

I'm almost a year into my software developing journey! Follow along as I learn and grow my skills, my awareness of the tech world, and other stuff 👩‍💻🛼🪴

• 🔭 I’m currently working on nichelicorn.dev, my first website!
• 🌱 I’m currently learning React, Gatsby

• 💬 Ask me about propagating succulents!

• 💚 Pronouns: she / her
• ⚡ Fun fact: My dream is to one day fly like Wonder Woman

gallery's Issues

💻 it1.2 - Create test file that describes expected user experience

• Install Cypress in project folder
• Pseudocode test expectations based on user stories
• Write tests :)

💅 Create basic design / find inspiration

• Create basic layout (mobile first!) with responsive design
• Browse existing web galleries to see how they handle user experience

👨‍💻 Create User Stories

• As a user, when I do this, that happens.

📐 Component architecture

• What kind of components will be needed?
• What kind of data & how will it be stored?
• How will data move around the application?

💻 it1.1 - Create test data file based on API data structure for Image resource

• created test data file test-data.js
• imported three images objects from the API, stored as the array testImages

📐 Wireframe

• Wireframe basic design
• Start to think about components based on the visual layout

👩‍💻 it1 - design component to return UI based on wireframes / design phase illustrations

• work on Spectrum component
• create render based on wireframes

👩‍💻 Create project board to do cards

• Create references board to store resources / links / inspiration

💻 it1 - Use mock data to display artwork (user story 1)

• rework test data to include query strings with color variable in the title
• design component to return UI based on wireframes / design phase illustrations
• hardcode color names / hues in initial iteration
• refactor methods to return dynamically based on parameters (color name in object title)
• use test data / api docs to compose map functions and build component elements
• [ ]