{"id":22452805,"url":"https://github.com/tchasinga/final-capstone-module-one","last_synced_at":"2025-03-27T12:43:01.927Z","repository":{"id":169781822,"uuid":"645255587","full_name":"tchasinga/Final-capstone-module-one","owner":"tchasinga","description":"The World Health Community, a global network of health professionals and organizations, strives to promote well-being and improve healthcare worldwide.  With a shared vision of equitable access to quality healthcare, the World Health Community collaborates to address health challenges.,","archived":false,"fork":false,"pushed_at":"2023-08-05T16:54:13.000Z","size":1735,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-01T17:14:04.841Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tchasinga.github.io/Final-capstone-module-one/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tchasinga.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-05-25T08:54:58.000Z","updated_at":"2023-07-07T14:58:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"49ac3c5e-7f7b-4cd8-a32d-ba5bf26892f1","html_url":"https://github.com/tchasinga/Final-capstone-module-one","commit_stats":null,"previous_names":["tchasinga/final-capstone-module-one"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FFinal-capstone-module-one","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FFinal-capstone-module-one/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FFinal-capstone-module-one/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tchasinga%2FFinal-capstone-module-one/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tchasinga","download_url":"https://codeload.github.com/tchasinga/Final-capstone-module-one/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245850240,"owners_count":20682636,"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":[],"created_at":"2024-12-06T06:12:21.936Z","updated_at":"2025-03-27T12:43:01.898Z","avatar_url":"https://github.com/tchasinga.png","language":"CSS","readme":"# WORLD HEALTH COMMINITY \n\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\n# 📗 SETUP PORFOLIO FOR PHONE \n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n\n\n# 📖 WORLD HEALTH COMMUNITY \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e The final capstone project is a significant milestone and culmination of an academic or professional program. It represents a culmination of the knowledge and skills acquired throughout the course of study. Whether it's in higher education, such as a bachelor's or master's degree, or in a professional setting, the final capstone project typically requires students to apply what they have learned to solve a real-world problem or demonstrate expertise in a particular area.\n\n The purpose of a final capstone project varies depending on the field of study or industry. In academia, it often serves as a comprehensive assessment of the student's learning outcomes. It allows students to demonstrate their understanding of theoretical concepts, research methodologies, critical thinking, and analytical skills. A capstone project may involve conducting original research, developing a practical solution, or creating a tangible product that addresses a specific issue or fills a gap in knowledge.\n\nIn professional settings, a final capstone project can be a practical demonstration of an individual's skills and capabilities, showcasing their ability to apply their knowledge in a real-world context. This could involve developing a business plan, implementing a new process or system, designing a prototype, or executing a comprehensive research project related to their field of work.\n\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e I can provide a general overview of the tech stack typically used for a portfolio website:\n   \n\u003cdetails\u003e\n  \u003csummary\u003eHtml\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/html/html_intro.asp\"\u003eHtml\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCss\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/default.asp\"\u003eCss\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLinters\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://olegk.dev/go-linters-configuration-the-right-version\"\u003eLinters\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eJavaScript\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/js/js_intro.asp\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e Here's the feacture a UI can Hope \n\n- **[Full-website-design]**\n- **[Best-responsive]**\n- **[Web-UX]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to the top pages\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## Coming Soon\n\u003e Here you can fund the link of demon of this website \n\n\u003e\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n\u003e## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\u003e this project will be utilized by every developer because I designed it with the intention of making everything okay.\n\nI make copies available to everyone as a shared developer skill, and I make code reviews that will actually assist the recipient understand.\n\n\u003e### Prerequisites\n\nTo carry out this project, you will need:\n\n- Web browsers such as Chrome, Safari, Brave, and Opera-mini\n- To be a developer, you need:\n- Vscode - Node.js Apk (npm , npx)\n\nExamples include npm run start, git status, git clone, and npm I (+ the name of a particular element).\n\u003e### Setup\n\nClone this repository to the folder of your choice:\n\u003e[Click on this Links](https://github.com/tchasinga/Setup-first-mobile.git) \n\nAs a developer, every information is useful for learning and conducting research, thus I won't even enter a command.\n\n\u003e- Open your Code Editor \n\u003e- create folder \".github/workflows\"\n\u003e- Greate file \"linters\"\n\u003e- Go to the specific Template and make Copy \n\n\n\u003e### Install\n\nUWebpack is a popular module bundler for JavaScript applications. It allows developers to manage and bundle their code, including JavaScript, CSS, and other assets, for efficient deployment in web applications. Here's a step-by-step guide on installing and configuring Webpack:\n\nStep 1: Install Node.js\nMake sure you have Node.js installed on your machine. You can download and install it from the official Node.js website (https://nodejs.org). Node.js includes npm, the Node Package Manager, which we'll use to install Webpack.\n\nStep 2: Create a new project directory\nCreate a new directory for your project and navigate to it using the command line.\n\nStep 3: Initialize a new npm project\nRun the following command to initialize a new npm project and create a `package.json` file:\n```\nnpm init -y\n```\n\nStep 4: Install webpack and webpack-cli\nRun the following command to install webpack and webpack-cli as dev dependencies in your project:\n```\nnpm install webpack webpack-cli --save-dev\n```\n\nStep 5: Create a configuration file\nCreate a new file named `webpack.config.js` in the root of your project directory. This file will contain the configuration for webpack.\n\nStep 6: Configure webpack\nOpen the `webpack.config.js` file in a text editor and add the following configuration:\n```javascript\nconst path = require('path');\n\nmodule.exports = {\n  entry: './src/index.js',  // The entry point of your application\n  output: {\n    path: path.resolve(__dirname, 'dist'),  // The output directory for bundled files\n    filename: 'bundle.js'  // The name of the bundled file\n  },\n  module: {\n    rules: [\n      {\n        test: /\\.js$/,  // Use babel-loader for JavaScript files\n        exclude: /node_modules/,\n        use: {\n          loader: 'babel-loader',\n          options: {\n            presets: ['@babel/preset-env']\n          }\n        }\n      },\n      {\n        test: /\\.css$/,  // Use style-loader and css-loader for CSS files\n        use: ['style-loader', 'css-loader']\n      }\n     \n    ]\n  }\n};\n```\n\nThis configuration specifies the entry point of your application (`./src/index.js`), the output directory for the bundled files (`dist`), and the bundled file name (`bundle.js`). It also includes rules for processing JavaScript files using Babel and CSS files using style-loader and css-loader.\n\nStep 7: Build your project\nIn your terminal, run the following command to build your project using webpack:\n```\nnpx webpack\n```\nThis will bundle your code according to the configuration specified in `webpack.config.js` and create the bundled file (`bundle.js`) in the `dist` directory.\n\nThat's it! You have successfully installed and configured webpack for your project. You can now use webpack to bundle and optimize your JavaScript and other assets for deployment in your web application.\nCheck here : \n\n\u003e- npm install --save-dev hint@7.x\n\u003e- npx hint .\n\u003e- npm init -y    \n\n### Usage\n\n\u003eUse the following command to start the project\n \n \u003e-  npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x\n\n\n### Run tests\n\n\u003eUse the following command to start the project:\n\nCommand illustration: node run developer code\nRemember to utilize your own setting argument in node properties; these are just some guidelines.\n \n \u003e- npx stylelint \"**/*.{css,scss}\" --fix\n \u003e-  npx stylelint \"**/*.{css,scss}\"     \n\n### Deployment\n\n\u003eBy using the website, [Click here](https://www.netlify.com/), you can deploy the project live here. is an helpful website for a developper\n\n it will be helpful for you  \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Tchasinga Balolebwami jacques \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e Below is the programming I contributed to this project during its development.\n\n👤 **Tchasinga jacques**\n\n- GitHub: [@tchasinga](https://github.com/tchasinga)\n- Twitter: [@tchasinga](https://twitter.com/tchasinga)\n- LinkedIn: [tchasinga](https://linkedin.com/in/tchasinga)\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e here's any best  1 - 3 features  that I will add to the project.\n\n- [ ] **[Full-management-designer]**\n- [ ] **[UI-animating]**\n- [ ] **[Wecpack]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003ereturn to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🚀 Live Demo \u003ca name='demo'\u003e\u003c/a\u003e\n\u003e If you wanna see the live version [Click here](https://tchasinga.github.io/Final-capstone-module-one/) \n\nIn no time , if you wanna visit the github source [click here](https://github.com/tchasinga/Final-capstone-module-one)\n\n\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\n\u003eThank you for inviting me to contribute to your project! I'd be happy to share some ideas and suggestions. Here are a few additional considerations to enhance your project:\n\n1. **Code splitting and lazy loading**: Implement code splitting and lazy loading techniques to improve the performance of your application. This allows you to load only the necessary code for each page or component, reducing the initial bundle size and improving the load time.\n\n2. **Environment-specific configurations**: Consider creating different configuration files for different environments (e.g., development, production) to tailor the build process and optimizations accordingly. This can include setting different values for variables, enabling specific plugins, or applying different optimizations based on the deployment environment.\n\n3. **Asset optimization**: Explore additional optimization techniques for assets such as images, fonts, and other media files. You can utilize loaders and plugins specific to these file types to optimize their size and format, improving the overall performance of your application.\n\n4. **Source mapping**: Enable source mapping for your JavaScript and CSS files. Source maps allow for easier debugging and help in identifying issues by mapping the minified/optimized code back to the original source code.\n\n5. **Cache busting**: Implement cache-busting techniques to ensure that users receive the latest version of your bundled files when you make updates. This can be achieved by appending a unique hash to the filenames, forcing browsers to fetch the updated files instead of using cached versions.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003eIf you like this project, please think about doing anything you can to support us! Spreading the word about our mission, volunteering your time and talents, or even just making a small donation all assist us to continue making a positive difference. With your assistance, we can transform the world and create a better future for everyone. I value your help and consideration.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n \n  Cindy Shin  in Behance for share her design,\n\nI wanted to take a moment to express my sincere gratitude for sharing your incredible design work on Behance. Your creativity and talent are truly inspiring. The attention to detail and innovative ideas showcased in your designs have captivated me.\n\nYour willingness to share your work with the community is commendable and greatly appreciated. It has not only provided me with inspiration but has also helped me grow as a designer. Your designs have sparked new ideas and pushed me to think outside the box.\n\nThank you once again for your generosity in sharing your artistry on Behance. Your contributions have made a positive impact on the creative community. I look forward to seeing more of your amazing work in the future.\n[ in Behance for share her design](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)\n\nWith heartfelt thanks,\n\u003eTCHASINGA BALOLEBWAMI JACK\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to bottom\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003e Here's two question that developer can ask \n\n- **How do I install the project's dependencies, and what dependencies does it have?**\n\n   -One response : \n\u003eFirst response: The markup and style languages themselves are not specifically necessary for HTML and CSS projects. But, if you want to speed up development and include more features, you can leverage external libraries or frameworks.\n\nFor example, to simplify the design and styling of your HTML pages, you may utilize a front-end framework like Foundation or Bootstrap. If you want to give your pages interactive features, you may also use a JavaScript library like jQuery.\n\nTo install these dependencies, you can typically download the relevant files from the library's website or use a package manager like npm. You can use the command npm install bootstrap, for instance, to install Bootstrap using npm.\n\nWhile utilizing external libraries and frameworks, it's crucial to keep in mind\n\nIt's crucial to keep in mind that while utilizing external libraries and frameworks can expedite development, they may also make your project more complex and challenging to manage. Only use dependencies that are absolutely necessary to accomplish the objectives of your project.\n\n\n[Do you have any examples or documentation that I can use to start utilizing the project?]**\n\n  - Answer Two\n   \u003e Absolutely, most open-source projects often give documentation and examples to help new developers get started with utilizing the project. The project's installation and configuration instructions, as well as tutorials and code samples illustrating how to use its different features and functionalities, may all be included in this documentation.\n\nIn addition to the official documentation, many open-source projects also include active communities of developers who may provide assistance and instruction to new users. These groups might provide discussion boards, chat rooms, or other platforms where programmers can exchange thoughts, ask questions, and receive assistance with any problems they run across while working on the project.\n\nIt's a good idea to start by perusing the available documentation and contacting the project's community for help and guidance if you're interested in using an open-source project. By doing so, you may ensure that you are using the project properly and efficiently and get up and running soon.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003ereturn to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n\u003e## 📝 License\nLearn more about [MIT](./LICENSE) licensed.\n\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftchasinga%2Ffinal-capstone-module-one","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftchasinga%2Ffinal-capstone-module-one","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftchasinga%2Ffinal-capstone-module-one/lists"}