{"id":16413497,"url":"https://github.com/ab-noori/salsaldevgroup","last_synced_at":"2025-03-21T03:31:50.387Z","repository":{"id":65948826,"uuid":"601003220","full_name":"ab-noori/SalsalDevGroup","owner":"ab-noori","description":"SalsalDevGroup Website is a platform to showcase the Salsal Developers group recent projects, maintain the information and history of the group recent projects, the short biography of each developer, and the link to recent projects. it will also provide the context for receiving proposals and contacting the clients in its future features.","archived":false,"fork":false,"pushed_at":"2023-12-30T20:30:26.000Z","size":4627,"stargazers_count":24,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T20:21:13.638Z","etag":null,"topics":["css-flexbox","css-grid","css3","html5","javascript"],"latest_commit_sha":null,"homepage":"https://salsaldevgroup.onrender.com","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/ab-noori.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-02-13T06:44:03.000Z","updated_at":"2025-01-26T12:33:10.000Z","dependencies_parsed_at":"2024-10-11T06:51:43.769Z","dependency_job_id":"90121c45-8281-4835-afe5-1238cc1d0f01","html_url":"https://github.com/ab-noori/SalsalDevGroup","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"ab-noori/Project-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FSalsalDevGroup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FSalsalDevGroup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FSalsalDevGroup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FSalsalDevGroup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ab-noori","download_url":"https://codeload.github.com/ab-noori/SalsalDevGroup/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244733671,"owners_count":20501012,"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":["css-flexbox","css-grid","css3","html5","javascript"],"created_at":"2024-10-11T06:51:38.641Z","updated_at":"2025-03-21T03:31:49.900Z","avatar_url":"https://github.com/ab-noori.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n![](https://img.shields.io/badge/Microverse-blueviolet)\n\n\u003e # Salsal Developers Group Website\n\n| Desktop version representation|\n|---------------------------------------|\n|![screenshot](./images/project-shoots/Homepage1.PNG)|\n|![screenshot](./images/project-shoots/Homepage2.PNG)|\n|![screenshot](./images/project-shoots/Homepage3.PNG)|\n|![screenshot](./images/project-shoots/about1.PNG)|\n\n| Mobile version representation |\n|---------------------------------------|\n|\u003cdiv align=\"center\"\u003e\u003cimg src=\"./images/project-shoots/mobile1.PNG\" alt=\"logo\" width=\"300\"  height=\"580\"/\u003e\u003cimg src=\"./images/project-shoots/mobile3.PNG\" alt=\"logo\" width=\"300\"  height=\"580\"/\u003e\u003cimg src=\"./images/project-shoots/mobile2.PNG\" alt=\"logo\" width=\"300\"  height=\"580\"/\u003e\u003cimg src=\"./images/project-shoots/mobile4.PNG\" alt=\"logo\" width=\"300\"  height=\"580\"/\u003e\u003c/div\u003e|\n\n# 📗 Table of Contents\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  - [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\n# 📖 [SalsalDevGroup] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e **[SalsalDevGroup Website]** is a project to showcase the Salsal Developers group's recent projects. It will maintain the information and history of the group's recent projects, the brave biography of each developer, and the link to recent projects. it will also provide the context for receiving proposals and contacting the clients in its future features.\n\n**[SalsalDevGroup Website]** is developed using HTML, CSS, and JavaScript technologies.\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- \u003csummary\u003eClient\u003c/summary\u003e\n    \u003cul\u003e\n      \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **[Responsive layout]**\n- **[UX/UI accessibility]**\n- **[Dynamic data]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\u003e - [Live Demo on Gh-pages](https://ab-noori.github.io/SalsalDevGroup/)\n\u003e - [Live Demo on Render](https://salsaldevgroup.onrender.com)\n\u003e - [Introduction to the project](https://www.loom.com/share/abd300bec7be47d784b3e9f6af64eab7)\n\n\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## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps:\n\n### Prerequisites\n\nIn order to run this project you need:\n  - A browser of you choice.\n  - A text editor of your choice.\n  - An installed node.js on your local system\n\n### Setup\n\nClone this repository to your desired folder:\n\n- Use the following Commands:\n\n      cd your-desired-folder\n      git clone git@github.com:ab-noori/SalsalDevGroup.git\n\n\n### Install\n\nInstall this project with:\n\n  - You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.\n\n\n### Usage\n\n- To show history and information about SDG group\n- To represent the most recent projects.\n- To maitain connection with clients.\n\n### Run tests\n- Run the following script and style test:\n\n      npx hint .\n      npx hint . --fix\n      \n      npx eslint .\n      npx eslint . --fix\n\n      npx stylelint \"**/*.{css,scss}\"\n      npx stylelint \"**/*.{css,scss}\" --fix\n      \n### Deployment\n\nYou can deploy this project using:\n- Free deployment services like GitHub pages.\n- Any deployment services of your choice.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Abdul Ali Noori**\n\n- GitHub: [@ab-noori](https://github.com/ab-noori)\n- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)\n- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **[Add news section]**\n- [ ] **[Add sponsership section]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/ab-noori/SalsalDevGroup/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n \n  If you like this project, give it a star.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n  I would like to thank Microverse and my coding partners, and also give credit to Cindy Shin, the original author of the design.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **How to make it mobile friendly?**\n\n  - Put a viewport tag in the header\n\n- **How to design the site?**\n\n  - Draw a mockup before start to code\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fab-noori%2Fsalsaldevgroup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fab-noori%2Fsalsaldevgroup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fab-noori%2Fsalsaldevgroup/lists"}