|
1 | | -<h1 align="center"">WEB APPLICATION DEVELOPEMENT PROJECTS</h1> |
| 1 | +<h1 align="center">WEB APPLICATION DEVELOPMENT PROJECTS</h1> |
2 | 2 |
|
3 | | -<img src="https://miro.medium.com/v2/resize:fit:3200/format:webp/0*de0IdiUSoJTwgsys.gif" > |
| 3 | +<p align='center'> |
| 4 | + <img src="https://img.shields.io/github/repo-size/JawadSher/WEB_Application_Development_Projects?color=brightgreen&style=plastic" alt="Repository Size"> |
| 5 | + <img src="https://img.shields.io/github/issues/JawadSher/WEB_Application_Development_Projects?color=blue&style=plastic" alt="Issues"> |
| 6 | + <img src="https://img.shields.io/github/issues-pr/JawadSher/WEB_Application_Development_Projects?color=orange&style=plastic" alt="Pull Requests"> |
| 7 | + <img src="https://img.shields.io/github/stars/JawadSher/WEB_Application_Development_Projects?color=yellow&style=plastic" alt="Stars"> |
| 8 | + <img src="https://img.shields.io/github/license/JawadSher/WEB_Application_Development_Projects?color=red&style=plastic" alt="License"> |
| 9 | + <img src="https://img.shields.io/github/forks/JawadSher/WEB_Application_Development_Projects?color=green&style=plastic" alt="Forks"> |
| 10 | + <img src="https://img.shields.io/github/contributors/JawadSher/WEB_Application_Development_Projects?color=blue&style=plastic" alt="Contributors"> |
| 11 | + <img src="https://img.shields.io/github/last-commit/JawadSher/WEB_Application_Development_Projects?color=orange&style=plastic" alt="Last Commit"> |
| 12 | + <img src="https://img.shields.io/github/languages/top/JawadSher/WEB_Application_Development_Projects?color=red&style=plastic" alt="Top Language"> |
| 13 | +</p> |
| 14 | + |
| 15 | +<p align='center'>This repository contains a collection of web application development projects. Each project is designed to showcase various aspects of web development, including HTML, CSS, JavaScript, and popular frameworks and libraries.</p> |
| 16 | + |
| 17 | +<img src="https://miro.medium.com/v2/resize:fit:3200/format:webp/0*de0IdiUSoJTwgsys.gif" alt="Web Development Projects"> |
| 18 | + |
| 19 | + |
| 20 | + |
| 21 | +## Project List |
| 22 | +| No | Project Name | Description | |
| 23 | +|----|--------------|-------------| |
| 24 | +| 1 | [Barbar Webpage UI](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Barbar%20Webpage%20UI) | A modern UI design for a fictional webpage named Barbar with responsive layout. | |
| 25 | +| 2 | [Bootcame Website UI](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Bootcame%20Website%20UI) | An engaging UI design for a Bootcame website using HTML & CSS, featuring a clean layout. | |
| 26 | +| 3 | [Calculator](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Calculator) | A functional and interactive calculator built with HTML, CSS, and JavaScript for basic arithmetic operations. | |
| 27 | +| 4 | [Courses Blog UI](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Courses%20Blog%20UI) | UI design for a blog focused on various courses, showcasing a user-friendly and appealing layout. | |
| 28 | +| 5 | [Encoding-Decoding-Of-Text](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Encoding-Decoding-Of-Text) | A web application for encoding and decoding text, implementing basic cryptographic techniques. | |
| 29 | +| 6 | [Google Form Validation](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Google%20Form%20Validation) | Google Form validation with integrated database, ensuring accurate data submission and error handling. | |
| 30 | +| 7 | [Google-Language-Translator](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Google-Language-Translator) | A clone of Google Language Translator with a user interface for translating text between languages. | |
| 31 | +| 8 | [Google-Search-Integration](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Google-Search-Integration) | Integration of Google Search bar functionality into a webpage, allowing users to perform searches directly. | |
| 32 | +| 9 | [Minimalistic Home Page UI](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Minimalistic-Home-Page%20UI) | A sleek and minimalistic home page design, focusing on simplicity and ease of navigation. | |
| 33 | +| 10 | [Nurency Dashboard](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/Nurency-Dashboard) | Dashboard UI for Nurency, featuring a clean and organized layout for data visualization and management. | |
| 34 | +| 11 | [Speech-to-Text](https://github.com/JawadSher/WEB_Application_Development_Projects/tree/main/speech-to-text) | Application for converting spoken words into text, utilizing speech recognition technology for accurate transcription. | |
| 35 | + |
| 36 | +## Installation |
| 37 | + |
| 38 | +To run these projects locally, follow these steps: |
| 39 | + |
| 40 | +1. Clone the repository to your local machine: |
| 41 | + |
| 42 | +```bash |
| 43 | + git clone https://github.com/JawadSher/WEB_Application_Development_Projects.git |
| 44 | +``` |
| 45 | + |
| 46 | +2. Navigate to the project directory: |
| 47 | + |
| 48 | + ```bash |
| 49 | + cd WEB_Application_Development_Projects |
| 50 | + ``` |
| 51 | + |
| 52 | +3. Open the project folder of interest and follow the respective setup instructions provided in each project's folder. |
| 53 | +
|
| 54 | +## Contributing |
| 55 | +
|
| 56 | +Contributions are welcome! Please open an issue or submit a pull request if you would like to contribute to this repository. |
| 57 | +
|
| 58 | +## License |
| 59 | +
|
| 60 | +This project is licensed under the MIT License - see the [LICENSE](https://github.com/JawadSher/WEB_Application_Development_Projects/blob/main/LICENSE) file for details. |
4 | 61 |
|
5 | 62 |
|
6 | 63 | <h3 align="left">Connect with me:</h3> |
7 | 64 | <p align="left"> |
8 | | -<a href="https://linkedin.com/in/https://www.linkedin.com/in/jawad-sher-75871a214?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="https://www.linkedin.com/in/jawad-sher-75871a214?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" height="30" width="40" /></a> |
9 | | -<a href="https://www.youtube.com/c/https://www.youtube.com/@jawad_sher/videos" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/youtube.svg" alt="https://www.youtube.com/@jawad_sher/videos" height="30" width="40" /></a> |
10 | | -<a href="https://discord.gg/.mananonymous" target="blank"><img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/discord.svg" alt=".mananonymous" height="30" width="40" /></a> |
| 65 | + <a href="https://www.linkedin.com/in/jawad-sher-75871a214" target="blank"> |
| 66 | + <img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/linked-in-alt.svg" alt="LinkedIn" height="30" width="40" /> |
| 67 | + </a> |
| 68 | + <a href="https://www.youtube.com/@jawad_sher/videos" target="blank"> |
| 69 | + <img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/youtube.svg" alt="YouTube" height="30" width="40" /> |
| 70 | + </a> |
| 71 | + <a href="https://discord.gg/.mananonymous" target="blank"> |
| 72 | + <img align="center" src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/discord.svg" alt="Discord" height="30" width="40" /> |
| 73 | + </a> |
11 | 74 | </p> |
12 | 75 |
|
13 | 76 | <h3 align="left">Languages and Tools:</h3> |
14 | 77 | <p align="left"> |
15 | | - <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank" rel="noreferrer"> |
16 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> |
17 | | - </a> |
18 | | - <a href="https://www.w3schools.com/css/" target="_blank" rel="noreferrer"> |
19 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> |
20 | | - </a> |
21 | | - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"> |
22 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> |
23 | | - </a> |
24 | | - <a href="https://getbootstrap.com" target="_blank" rel="noreferrer"> |
25 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> |
26 | | - </a> |
27 | | - <a href="https://reactjs.org/" target="_blank" rel="noreferrer"> |
28 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> |
29 | | - </a> |
30 | | - <a href="https://redux.js.org" target="_blank" rel="noreferrer"> |
31 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" alt="redux" width="40" height="40"/> |
32 | | - </a> |
33 | | - <a href="https://nodejs.org" target="_blank" rel="noreferrer"> |
34 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> |
35 | | - </a> |
36 | | - <a href="https://expressjs.com" target="_blank" rel="noreferrer"> |
37 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> |
38 | | - </a> |
39 | | - <a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"> |
40 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="mongodb" width="40" height="40"/> |
41 | | - </a> |
42 | | - <a href="https://www.mysql.com/" target="_blank" rel="noreferrer"> |
43 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="mysql" width="40" height="40"/> |
44 | | - </a> |
45 | | - <a href="https://www.postgresql.org" target="_blank" rel="noreferrer"> |
46 | | - <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg" alt="postgresql" width="40" height="40"/> |
47 | | - </a> |
48 | | - <a href="https://git-scm.com/" target="_blank" rel="noreferrer"> |
49 | | - <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> |
50 | | - </a> |
| 78 | + <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank" rel="noreferrer"> |
| 79 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="HTML5" width="40" height="40"/> |
| 80 | + </a> |
| 81 | + <a href="https://www.w3schools.com/css/" target="_blank" rel="noreferrer"> |
| 82 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="CSS3" width="40" height="40"/> |
| 83 | + </a> |
| 84 | + <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"> |
| 85 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="JavaScript" width="40" height="40"/> |
| 86 | + </a> |
| 87 | + <a href="https://getbootstrap.com" target="_blank" rel="noreferrer"> |
| 88 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="Bootstrap" width="40" height="40"/> |
| 89 | + </a> |
| 90 | + <a href="https://reactjs.org/" target="_blank" rel="noreferrer"> |
| 91 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="React" width="40" height="40"/> |
| 92 | + </a> |
| 93 | + <a href="https://redux.js.org" target="_blank" rel="noreferrer"> |
| 94 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" alt="Redux" width="40" height="40"/> |
| 95 | + </a> |
| 96 | + <a href="https://nodejs.org" target="_blank" rel="noreferrer"> |
| 97 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="Node.js" width="40" height="40"/> |
| 98 | + </a> |
| 99 | + <a href="https://expressjs.com" target="_blank" rel="noreferrer"> |
| 100 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="Express" width="40" height="40"/> |
| 101 | + </a> |
| 102 | + <a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"> |
| 103 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="MongoDB" width="40" height="40"/> |
| 104 | + </a> |
| 105 | + <a href="https://www.mysql.com/" target="_blank" rel="noreferrer"> |
| 106 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="MySQL" width="40" height="40"/> |
| 107 | + </a> |
| 108 | + <a href="https://www.postgresql.org" target="_blank" rel="noreferrer"> |
| 109 | + <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg" alt="PostgreSQL" width="40" height="40"/> |
| 110 | + </a> |
| 111 | + <a href="https://git-scm.com/" target="_blank" rel="noreferrer"> |
| 112 | + <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="Git" width="40" height="40"/> |
| 113 | + </a> |
51 | 114 | </p> |
52 | 115 |
|
| 116 | +--- |
| 117 | +
|
| 118 | +Happy Coding! 😊 |
0 commit comments