{"id":20886860,"url":"https://github.com/barkode/art-gallery-team-project","last_synced_at":"2025-05-12T19:32:52.516Z","repository":{"id":252764278,"uuid":"841383284","full_name":"barkode/art-gallery-team-project","owner":"barkode","description":"Modern artist portfolio","archived":false,"fork":false,"pushed_at":"2024-08-12T13:55:11.000Z","size":6366,"stargazers_count":0,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-13T11:41:23.416Z","etag":null,"topics":["bootstrap5","html-css-javascript"],"latest_commit_sha":null,"homepage":"https://barkode.github.io/art-gallery-team-project/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/barkode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-12T09:49:21.000Z","updated_at":"2024-08-12T13:55:15.000Z","dependencies_parsed_at":"2024-08-12T11:23:07.496Z","dependency_job_id":"555ebb51-d776-4f65-a975-0ee80334f24d","html_url":"https://github.com/barkode/art-gallery-team-project","commit_stats":null,"previous_names":["barkode/art-gallery-team-project"],"tags_count":0,"template":false,"template_full_name":"Code-Institute-Org/ci-full-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkode%2Fart-gallery-team-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkode%2Fart-gallery-team-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkode%2Fart-gallery-team-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/barkode%2Fart-gallery-team-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/barkode","download_url":"https://codeload.github.com/barkode/art-gallery-team-project/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225148787,"owners_count":17428442,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap5","html-css-javascript"],"created_at":"2024-11-18T08:18:18.531Z","updated_at":"2024-11-18T08:18:19.388Z","avatar_url":"https://github.com/barkode.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Jondo Studios](docs/site-logo.jpg)\n\n---\n\n# *John Doe Studios*\n\nJohn Doe Studios is the online representation of the famous Greek painter. Anyone interested can see some of his artwork available to buy.\n\nJohn Doe Studios can be accessed by this [link](https://barkode.github.io/art-gallery-team-project/)\n\n![Responsive Mockup](docs/responsive.jpg)\n\n---\n## User Stories\n\n### First Time Visitor Goals:\n\n* As a First Time Visitor, I want to easily understand the main purpose of the site and also if I have reached to the needed place for me. So I can read what site is about immediately at the top of the screen.\n* As a First Time Visitor, I want to be able easily navigate through the website pages, so I can find the content required. It's all in one place in compact size on the screen.\n* As a First Time Visitor, I want to easy start using functionality.\n\n### Returning Visitor Goals:\n\n* As a Returning Visitor, I want to pass through the gallery if I didn't yet.\n* As a Returning Visitor, I want to see contacts.\n\n### Frequent Visitor Goals:\n\n* As a Frequent User, I want to have possibility write a request to the author.\n\n## Features\n\n+ ### Home Page\n\n  - Represent:\n    * Logo\n    * Decoration image\n    * Gallery\n    * Contact form\n    * Footer\n\n- John Doe Studios site is responsive.\n\n- On mobile devices: content placed has \"narrow style\".\n\n![Home Mobile Version](docs/mobile.png)\n\n  * On tablet or laptop/desktop: when user see from high resolution device content becomes wider\n\n![Home Tablet/Desktop Version](docs/desktop.png)\n\n---\n## Technologies Used\n\n- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) - was used as the foundation of the site.\n- [CSS](https://developer.mozilla.org/en-US/docs/Web/css) - was used to add the styles and layout of the site.\n- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - was used to create interactivity with the user.\n\n## Frameworks, Libraries \u0026 Programes Used\n- [Trello](https://trello.com/) - Workspace Trello was used as a dashboard for managing tasks.\n- [Bootstrap 5](https://getbootstrap.com/) - Bootstrap is a powerful, feature-packed frontend toolkit used in this project.\n- [Google fonts](https://fonts.google.com) - Google fonts were used to import the 'Carme' font into the HTML file which is used on all pages throughout the project\n- [Font Awesome](https://fontawesome.com) - Font Awesome was used on all footer of the pages throughout the website to add icon for aesthetic and UX purposes.\n- [Git](https://gitpod.io) - Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.\n- [GitHub](https://github.com) - GitHub is used for teamwork and to store the projects code after being pushed from Git.\n\n---\n## Design\n\n### Color Scheme\n\n- Сolors of the John Doe Studios site are neutral. Buttons colors were choosen as the best practice.\n\n### Typography\n\n![Main Font](docs/primary_font.png)\n\n- Merriweather Google Font family was used as the main font of the website in order to increase readability and beautyfication of the content on the pages.\n\n### Wireframes\n\n#### Mobile devices\n\n- [Home Page. Mobile Screen](docs/basic-wireframe.jpg)\n\n#### Tablets/Desktop\n\n- [Home Page. Tablet/Desktop Screen](docs/basic-wireframe.jpg)\n\n---\n\n## Working process\n\nIn our project we used Agile methodology and worked in Trello as a dashboard for implement this approach\n\n- [Trello - working in a team](docs/trello.png)\n\n## Deployment\n\n### Deployment to GitHub Pages\n\n- The site was deployed to GitHub pages. The steps to deploy are as follows: \n  - In the [GitHub repository](https://github.com/barkode/art-gallery-team-project), navigate to the Settings tab \n  - From the source section drop-down menu, select the **Main** Branch, then click \"Save\".\n  - The page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.\n\nThe live link can be found [here](https://barkode.github.io/art-gallery-team-project/)\n\n### Local Deployment\n\nIn order to make a local copy of this project, you can clone it.\nIn your IDE Terminal, type the following command to clone my repository:\n\n- `git clone https://github.com/barkode/art-gallery-team-project.git`\n\n- Alternatively, if you use Gitpod, you can [click here](https://gitpod.io/#https://github.com/barkode/art-gallery-team-project), which will start the Gitpod workspace for you.\n\n---\n\n## Future features\n- add custom 404 page;\n\n---\n## Credits\n\n## Media\n  - [Used Bootstrap template](https://startbootstrap.com/theme/creative)\n\n  - [Hero Image](https://www.pexels.com/photo/man-in-white-and-blue-striped-long-sleeved-shirt-painting-near-seashore-896108/) - Heinz Klier   \n\n### Gallery\n\n  - [https://www.pexels.com/photo/blue-and-grey-paint-brush-stroke-1537334/](https://www.pexels.com/photo/blue-and-grey-paint-brush-stroke-1537334/ \"‌\")\n  - [https://www.pexels.com/photo/photo-of-abstract-painting-1843716/](https://www.pexels.com/photo/photo-of-abstract-painting-1843716/ \"‌\")\n  - [https://www.pexels.com/photo/yellow-white-and-blue-abstract-painting-4371628/](https://www.pexels.com/photo/yellow-white-and-blue-abstract-painting-4371628/ \"‌\")\n  - [https://www.pexels.com/photo/abstract-painting-1418595/](https://www.pexels.com/photo/abstract-painting-1418595/ \"smartCard-inline\")\n  - [https://www.pexels.com/photo/photo-of-abstract-painting-on-canvas-1812960/](https://www.pexels.com/photo/photo-of-abstract-painting-on-canvas-1812960/ \"smartCard-inline\")\n  - [https://www.pexels.com/photo/multicolored-abstract-painting-1012982/](https://www.pexels.com/photo/multicolored-abstract-painting-1012982/ \"‌\")\n  - [https://www.pexels.com/photo/green-and-red-abstract-painting-1070534/](https://www.pexels.com/photo/green-and-red-abstract-painting-1070534/ \"‌\")\n  - [https://www.pexels.com/photo/abstract-painting-1109354/](https://www.pexels.com/photo/abstract-painting-1109354/ \"‌\")\n  - [https://www.pexels.com/photo/blue-white-red-and-yellow-abstract-painting-1143758/](https://www.pexels.com/photo/blue-white-red-and-yellow-abstract-painting-1143758/ \"‌\")\n  - [https://www.pexels.com/photo/photo-of-paint-splatter-artwork-1000366/](https://www.pexels.com/photo/photo-of-paint-splatter-artwork-1000366/ \"‌\")\n  - [https://www.pexels.com/photo/red-and-yellow-floral-textile-1787243/](https://www.pexels.com/photo/red-and-yellow-floral-textile-1787243/ \"smartCard-inline\")\n  - [https://www.pexels.com/photo/green-blue-and-red-abstract-painting-1799901/](https://www.pexels.com/photo/green-blue-and-red-abstract-painting-1799901/ \"smartCard-inline\")\n\nLink to author:\n[https://www.pexels.com/@steve/highlights/](https://www.pexels.com/@steve/highlights/ \"smartCard-inline\")\n\n- [Icons](https://www.flaticon.com/free-icon/art-and-design_3528221?term=art\u0026page=1\u0026position=31\u0026origin=search\u0026related_id=3528221 \"‌\")\n\n- Snippet code: from Code institute Love Running project\n\n- [Profile Image](https://www.pexels.com/photo/a-bearded-man-in-a-checkered-shirt-and-a-cap-standing-on-a-field-26222877/ \"smartCard-inline\") - By Zaur Takhgiriev\n\n+ #### Tools\n\n    - [Adobe Photoshop](https://www.adobe.com) was used to resize and crop images.\n    - [TinyPNG](https://tinypng.com/) was used to smart WebP, PNG and JPEG compression for faster Websites.\n    - [Squoosh](https://squoosh.app/) - Convert and optimize pictures\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarkode%2Fart-gallery-team-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbarkode%2Fart-gallery-team-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarkode%2Fart-gallery-team-project/lists"}