halfpintutopia / magic-forest-trail

PP1 for Code Institute

Hi! Known to many as Siri but some call me Ana

I am eager and enjoy developing applications for the web, always looking to build and enhance my skillset. I am ready to work with new technologies and architectures with like-minded, forward-thinking peers. I am a curious and enthusiastic developer. I am motivated to provide high-quality, scalable and testable code.

A little about me

🌱 I am currently working on getting a job

💡 I am currently learning as much as I can digest per day and forming informed opinions about being a better developer

👫🏾 I am looking to collaborate on anything

👩🏾‍🦳 Pronouns: She / Her

⚙️ Languages | Frameworks | Technical Skills

📜 Study

✍🏾 Projects

I am working on the portfolio page.

🔧 Preferred Setup & Tools

🫱🏿‍🫲🏼 Active on

Blog

COMING SOON!

To be added

magic-forest-trail's Issues

Where there is a clear breach of accepted design/UX principles or accepted good practice in code organisation, these are fully justified, appropriate, and acceptable to the target user. It clearly matches the design and demonstrates the characteristics of craftsmanship in the code. The resulting application is original and not a copy of any walkthrough projects encountered in the course.

Write code that meets at least minimum standards for readability (consistent indentation, blank lines only appear individually or, at most, in pairs)

Design a website that meets accessibility guidelines (e.g. contrast between background and foreground colours, non-text elements have planned alt text equivalents to cater for the visually impaired)

Ensure that there are no broken internal links

Use consistent and effective markdown formatting to produce a README file in English that is well-structured, easy to follow, and has few grammatical errors.

All HTML attribute and CSS rule names are consistent in format, appropriate and meaningful.

Organise HTML and CSS code into well-defined and commented sections

Design a website with a flow of information layout and interaction feedback that is clear and unambiguous

Incorporate images that are of sufficient resolution to not appear pixelated or stretched

Design a website that incorporates a main navigation menu and a structured layout

Design the organisation of information on the page following the principles of user experience design (headers are used to convey structure, information is easy to find due to being presented and categorised in terms of priority)

Design the site to allow the user to initiate and control actions such as the playing of audio/video.

Create user story

Implement a website that provides an excellent solution to the key project goals, demands and expectations.

Commit often for each feature/fix, ensuring that commits are small and well-defined, with messages that clearly and concisely describe the exact reason for a particular commit.

Name files consistently and descriptively, without spaces or capitalisation to allow for cross-platform compatibility.

Deploy a final version of the code to a cloud-based hosting platform (e.g. GitHub Pages) and test to ensure it matches the development version

Document any bugs found and their fixes and explanation of any bugs that are left unfixed.

Clearly separate and identify code written for the website and code from external sources (e.g. libraries or tutorials)

The finished project is judged to be publishable in its current form with an evidenced professional-grade user interface and interaction adhering to current practice. There are no obvious errors in the code

Use Git & GitHub for version control of an interactive web application up to deployment.

Attribute all code from external sources to its original source via comments above the code and (for larger dependencies) in the README.

Document a clear, justified rationale for a real-world application and a comprehensive explanation of how it will be developed.

Group files in directories by file type (e.g. an assets directory will contain all static files and may be organised into sub-directories such as CSS, images, etc.)

Create a website of at least three pages, or (if using a single scrolling page) at least three separate page areas to match the design and to meet its stated purpose

Implement clear navigation to allow users to find resources on the site intuitively.

Write custom HTML code that passes through the official W3C validator with no issues.

Code all external links to open in a separate tab when clicked

Write a README.md file for the web application that explains its purpose, the value that it provides to its users, and the deployment procedure.

Use CSS media queries across the application to ensure the layout changes appropriately and maintains the page's structural integrity across device screen sizes.

Place CSS code in external files linked to the HTML page in the HEAD element.

Implement a website whose purpose is immediately evident to a new user. E.g. make the landing page relevant to the site’s primary goal.

Insert screenshots of the finished project in the README

Present the finished website with clearly understandable site-specific content, rather than Lorem Ipsum placeholder text

Remove commented-out code before pushing final changes to version control and deploying.

Present a clear rationale for the development of the project, in the README, - Key project goals, target audience

Include graphics that are consistent in style and colour

Use Semantic markup to structure HTML code

Insert screenshots of the project features, give a brief description of what each feature does and explain its value to the user.

Create test checklist e.g. Can I navigate to the home page from the story page?

Ensure that foreground information is never distracted by backgrounds

Write custom CSS code that passes through the official (Jigsaw) validator with no issues

Sticky button jumping on page

When the error occurs:

• Book your family pass blocks scroll down text and animation;
• Book your family pass goes into hiding when scrolled to the position of any header;
• Book your family pass seemingly jumps around randomly when scrolling;
• Book your family pass snaps back down after scrolling up from the bottom of the page.

Where:

• Home
• Storybook

Browser

• Chrome

Device

• Android and iOS Mobile