ayodejiayodele/authentic-street-food

Static website to shop for authentic Naija street food

Authentic Street Foods

This is a static web app that displays popular street foods on a shopping site. The app reads the data from a static JSON file and uses a green and white color theme.

Production website is here

Project Structure

The project has the following files and directories:

• src/index.html: The main HTML file of the web app.
• src/styles/main.css: The CSS styles for the web app.
• src/scripts/main.js: The JavaScript code for the web app.
• src/data/foods.json: The static JSON file containing the street food data.
• assets/favicon.ico: The favicon for the web app.
• README.md: Documentation for the project.

Setup

To set up and run the web app, follow these steps:

1. Clone the repository.
2. Open the src/index.html file in a web browser.
3. The web app will display the Nigerian street foods using the green and white color theme.

Data

The street food data is stored in the src/data/foods.json file. You can modify this file to add, remove, or update the street food information.

Color Theme

The web app uses a green and white color theme. The CSS styles in the src/styles/main.css file define the colors and styles for the web page elements.

Feel free to customize the color theme by modifying the CSS styles in the src/styles/main.css file.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

authentic-street-food's Issues

Integrate payment provider API for mobile app

Fix the broken links in the images

As a User,

• I want to view all images on the "ayodejiayodele/authentic-street-food" web app without any broken links
• So that I can have a better browsing experience and make informed decisions when choosing food items.

Acceptance Criteria:

• All image links on the web app should be valid and display the correct images.
• No user should encounter a broken image link while browsing the web app.
• The fix should be tested across all major browsers for compatibility.
• The performance of the web app should not be adversely affected due to loading of images.

Notes:

• Broken links might be due to incorrect URLs or issues with the image source. Make sure to verify the source of each image.
• Consider implementing an error handling mechanism for future occurrences of image link breakages.

Remember to replace the specifics according to your actual requirements and project details.

Prepare automated deployment scripts

Make web page responsive on Safari and Chrome browsers

As a user of the Authentic Street Food website, I would like all images to load correctly so that I can have a complete visual experience of the products.

Acceptance Criteria:

1. All images on the website load correctly without any broken image icons.
2. Images retain their original quality and resolution.
3. Changes do not affect the loading speed of the website.

Steps to Reproduce:

1. Visit https://ayodejiayodele.github.io/authentic-street-food/
2. Notice that some images are not loading correctly.

Additional Information:

• The issue is present across multiple browsers and devices.
• The website is primarily built with JavaScript, HTML, and CSS.

Triage bugs found in the recent release

Optimize app performance and memory issues

Create simplified product browsing and purchasing flow

Implement mobile app user authentication