{"id":16976892,"url":"https://github.com/fadumasaidcodes/faduma-portfolio-bootstrap","last_synced_at":"2026-05-18T15:02:19.360Z","repository":{"id":152831717,"uuid":"579129918","full_name":"fadumasaidcodes/Faduma-Portfolio-bootstrap","owner":"fadumasaidcodes","description":"Portfolio Website","archived":false,"fork":false,"pushed_at":"2024-03-01T12:05:01.000Z","size":28734,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T22:11:22.564Z","etag":null,"topics":["bootstrap","css","html","portfolio"],"latest_commit_sha":null,"homepage":"https://fadumasaidcodes.github.io/Faduma-Portfolio-bootstrap/","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/fadumasaidcodes.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}},"created_at":"2022-12-16T18:30:14.000Z","updated_at":"2023-04-11T16:00:52.000Z","dependencies_parsed_at":"2024-03-01T13:29:12.296Z","dependency_job_id":"01d5f019-414c-4ea2-ad52-0b8a72423626","html_url":"https://github.com/fadumasaidcodes/Faduma-Portfolio-bootstrap","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fadumasaidcodes/Faduma-Portfolio-bootstrap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadumasaidcodes%2FFaduma-Portfolio-bootstrap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadumasaidcodes%2FFaduma-Portfolio-bootstrap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadumasaidcodes%2FFaduma-Portfolio-bootstrap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadumasaidcodes%2FFaduma-Portfolio-bootstrap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fadumasaidcodes","download_url":"https://codeload.github.com/fadumasaidcodes/Faduma-Portfolio-bootstrap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadumasaidcodes%2FFaduma-Portfolio-bootstrap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275691043,"owners_count":25510500,"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","status":"online","status_checked_at":"2025-09-17T02:00:09.119Z","response_time":84,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["bootstrap","css","html","portfolio"],"created_at":"2024-10-14T01:27:31.544Z","updated_at":"2025-09-18T00:45:17.695Z","avatar_url":"https://github.com/fadumasaidcodes.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"[Deployed website](https://fadumasaidcodes.github.io/Faduma-Portfolio-bootstrap/)\n\n# UX and UI Bootstrap Portfolio\n\nWelcome to my UX and UI Bootstrap Portfolio, a repository for a visually stunning and user-friendly website built using the Bootstrap framework. This website has been designed with the user in mind, ensuring that it is easy to navigate and provides a seamless experience across all devices.\n\n## Table of Contents \n* [Strategy](#Strategy) \n* [Content](#Content) \n* [UserStories](#UserStories)\n* [Scope](#Scope)\n* [Phases](#Phases)\n* [Structure](#Structure)\n* [Skeleton](#Skeleton)\n* [UserDesign](#UserDesign)\n* [Usage](#Usage)\n* [Deployment](#Deployment)\n* [Credits](#Credits)\n* [License](#License)\n\n\n## Goal\n\nThe goal of this project was to create a professional portfolio that showcases my skills and expertise in UX and UI design. The site should be easy to use, visually appealing, and provide a clear overview of my work and experience.\n\n## Strategy\n\nThe strategy for this project was to create a site that is both visually appealing and user-friendly. To achieve this, I followed a user-centered design approach that focused on understanding the needs and expectations of my target audience. I conducted research on existing portfolios and analyzed user feedback to identify the key features and elements that would make my site stand out.\n\n## Content\n\nThe content for this website is organized into several key sections, including:\n\n*   Navigation Bar: A clear and intuitive navigation menu that allows users to easily find the information they need.\n*  About me Section: A visually appealing section that features my picture, name, and key skills.\n*  Portfolio/Work Section: A grid-based section that showcases my work using Bootstrap cards. Each card includes a brief overview of the project and a link to my class project work.\n*   Skills Section: A list of the skills that I have learned and expect to learn during the bootcamp.\n*   About/Contact Section: An About Me section that provides more information about my professional experience and a contact form for users to get in touch.\n*   Footer Section: A section that includes hyperlinks and buttons with hover effects.\n\n## User Stories\n\n```\nAs a user, I want to:\n\n*   Easily navigate the site and find the information I need.\n*   See a clear overview of the Web developer's skills and experience.\n*   View samples of the Web developer previous work.\n*   Easily contact the Web developer for more information.\n\n```\n## Scope\n\nThe scope of this project was to create a portfolio website that is both visually appealing and user-friendly. The site should be responsive and provide a seamless experience across all devices.\n\n## Phases\n\nThe project was completed in several phases, including:\n\n*   Research: Conducting research on existing portfolios and analyzing user feedback.\n*   Design: Creating wireframes and mockups to visualize the layout and design of the site.\n*   Development: Building the site using the Bootstrap framework and optimizing for responsiveness.\n*   Testing: Conducting user testing to identify and fix any usability issues.\n*   Deployment: Deploying the site to GitHub Pages.\n\n## Structure\n\nThe site has a clear and intuitive structure that is easy to navigate. The navigation bar is located at the top of the page and includes links to the different sections of the site. The sections are organized in a logical order, starting with the hero section and ending with the footer section.\n\n## Screenshots\n\n![Screenshot 2023-03-25 at 21 38 11](https://user-images.githubusercontent.com/102771343/227780317-7096e700-609f-4f14-8176-8a7ca346fd20.png)\n![Screenshot About-me](https://user-images.githubusercontent.com/102771343/227791616-1566813d-5988-41e2-972a-8f30877e7eb0.png)\n![Screenshot 2023-03-25 at 21 38 47](https://user-images.githubusercontent.com/102771343/227780359-8f1bd647-258c-4a4e-9e5a-c9d3c8cf9493.png)\n![Screenshot 2023-03-25 at 21 38 59](https://user-images.githubusercontent.com/102771343/227780374-19bb7374-68fd-40ed-aff4-5fba8251eacb.png)\n![Screenshot contact](https://user-images.githubusercontent.com/102771343/227780555-65ce47a9-18d1-4f9c-a1ae-c701ea83ec3f.png)\n\n## Skeleton\n\nThe site was designed using wireframes and mockups to ensure that the layout and design were visually appealing and easy to use. The wireframes were created using Balsamiq, while the mockups were created using Adobe XD.\n\n## User Design\n\nThe site was designed with the user in mind, ensuring that it is easy to use and provides a seamless experience across all devices. The site is fully responsive and optimized for mobile, tablet, and desktop devices.\n\n## Usage\n\nTo use this repository, simply clone the repository to your local machine and open the index.html file in your web browser.\n\n## Deployment\n\nThis portfolio website is deployed to GitHub Pages. To deploy your own Bootstrap-powered portfolio to GitHub Pages, follow these steps:\n\n1.  Create a new GitHub repository and name it Bootstrap-Portfolio.\n2.  Clone this repository to your computer.\n3.  Inside your Bootstrap-Portfolio repo, create the folder structure for the webpage.\n4.  Create a folder structure.\n5.  Create an index.html.\n6.  Create a css folder.\n7.  Inside create a style.css file.\n8.  Create an images folder.\n9.  Place all your images in this folder.\n10. Using Bootstrap, recreate your portfolio site with the following items:\n\nYour Bootstrap-powered portfolio should now be live on GitHub Pages!\n\n## Credits\n\nThis repository was created by Faduma Ibrahim. The Bootstrap framework was created by Twitter.\n\n## License\n\nThis project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more details.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffadumasaidcodes%2Ffaduma-portfolio-bootstrap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffadumasaidcodes%2Ffaduma-portfolio-bootstrap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffadumasaidcodes%2Ffaduma-portfolio-bootstrap/lists"}