https://github.com/ab-noori/salsaldevgroup

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.
https://github.com/ab-noori/salsaldevgroup

css-flexbox css-grid css3 html5 javascript

Last synced: about 1 year ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/ab-noori/salsaldevgroup
• Owner: ab-noori
• License: mit
• Created: 2023-02-13T06:44:03.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-12-30T20:30:26.000Z (over 2 years ago)
• Last Synced: 2025-03-17T20:21:13.638Z (about 1 year ago)
• Topics: css-flexbox, css-grid, css3, html5, javascript
• Language: CSS
• Homepage: https://salsaldevgroup.onrender.com
• Size: 4.41 MB
• Stars: 24
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


![](https://img.shields.io/badge/Microverse-blueviolet)

> # Salsal Developers Group Website

| Desktop version representation|

|---------------------------------------|

|![screenshot](./images/project-shoots/Homepage1.PNG)|

|![screenshot](./images/project-shoots/Homepage2.PNG)|

|![screenshot](./images/project-shoots/Homepage3.PNG)|

|![screenshot](./images/project-shoots/about1.PNG)|

| Mobile version representation |

|---------------------------------------|

|




|


# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 [SalsalDevGroup] 

> **[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.

**[SalsalDevGroup Website]** is developed using HTML, CSS, and JavaScript technologies.

## 🛠 Built With 

### Tech Stack 

- Client

    


      
HTML

      
CSS

      
JavaScript

    


### Key Features 

- **[Responsive layout]**

- **[UX/UI accessibility]**

- **[Dynamic data]**

(back to top)


## 🚀 Live Demo 

> - [Live Demo on Gh-pages](https://ab-noori.github.io/SalsalDevGroup/)

> - [Live Demo on Render](https://salsaldevgroup.onrender.com)

> - [Introduction to the project](https://www.loom.com/share/abd300bec7be47d784b3e9f6af64eab7)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps:

### Prerequisites

In order to run this project you need:

  - A browser of you choice.

  - A text editor of your choice.

  - An installed node.js on your local system

### Setup

Clone this repository to your desired folder:

- Use the following Commands:

      cd your-desired-folder

      git clone git@github.com:ab-noori/SalsalDevGroup.git

### Install

Install this project with:

  - You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.

### Usage

- To show history and information about SDG group

- To represent the most recent projects.

- To maitain connection with clients.

### Run tests

- Run the following script and style test:

      npx hint .

      npx hint . --fix

      

      npx eslint .

      npx eslint . --fix

      npx stylelint "**/*.{css,scss}"

      npx stylelint "**/*.{css,scss}" --fix

      

### Deployment

You can deploy this project using:

- Free deployment services like GitHub pages.

- Any deployment services of your choice.

(back to top)


## 👥 Authors 

👤 **Abdul Ali Noori**

- GitHub: [@ab-noori](https://github.com/ab-noori)

- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)

- LinkedIn: [abdul-ali-noori](https://www.linkedin.com/in/abdul-ali-noori-384b85195/)

(back to top)


## 🔭 Future Features 

- [ ] **[Add news section]**

- [ ] **[Add sponsership section]**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ab-noori/SalsalDevGroup/issues).

(back to top)


## ⭐️ Show your support 

 

  If you like this project, give it a star.

(back to top)


## 🙏 Acknowledgments 

  I would like to thank Microverse and my coding partners, and also give credit to Cindy Shin, the original author of the design.

(back to top)


## ❓ FAQ (OPTIONAL) 

- **How to make it mobile friendly?**

  - Put a viewport tag in the header

- **How to design the site?**

  - Draw a mockup before start to code

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)