Skip to content

Commit

Permalink
Merge branch 'main' into Hotstar-clone
Browse files Browse the repository at this point in the history
  • Loading branch information
Aditijainnn authored Oct 12, 2024
2 parents 9f9626b + 0c9d686 commit cd5267f
Show file tree
Hide file tree
Showing 41 changed files with 21,102 additions and 2 deletions.
38 changes: 38 additions & 0 deletions Angular-JS-Projects/Basic/Task-Manager/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<h1 align='center'><b>📝 Task Manager 📝</b></h1>

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h3 align='center'>Tech Stack Used 🎮</h3>
<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white)

![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)

<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: How to run it? 🕹️

- Fork the project and run the `index.html` file directly on any browser.

<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: Screenshots 📸
<img src='screenshot.png'> <!-- Replace with your actual screenshot URL -->

![Line](screenshot.webp)

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h4 align='center'>Developed By <b><i>Mehul Prajapati</i></b> 👦</h4>
<p align='center'>
<a href='https://github.com/mehul-m-prajapati'>
<img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
</a>
</p>

<h4 align='center'>Happy Coding 🧑‍💻</h4>

<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
21 changes: 21 additions & 0 deletions Angular-JS-Projects/Basic/Task-Manager/app.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
angular.module('taskManagerApp', [])
.controller('TaskController', function() {
var vm = this;

vm.tasks = [];
vm.newTask = '';

vm.addTask = function() {
if (vm.newTask) {
vm.tasks.push({ name: vm.newTask, editing: false });
vm.newTask = '';
}
};

vm.deleteTask = function(task) {
var index = vm.tasks.indexOf(task);
if (index !== -1) {
vm.tasks.splice(index, 1);
}
};
});
29 changes: 29 additions & 0 deletions Angular-JS-Projects/Basic/Task-Manager/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en" ng-app="taskManagerApp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Task Manager</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="TaskController as ctrl">
<div class="container">
<h1>Task Manager</h1>
<input type="text" ng-model="ctrl.newTask" placeholder="Add new task" />
<button ng-click="ctrl.addTask()">Add Task</button>

<ul>
<li ng-repeat="task in ctrl.tasks">
<span ng-if="!task.editing">{{ task.name }}</span>
<input ng-if="task.editing" type="text" ng-model="task.name" />

<button ng-click="task.editing = !task.editing" ng-if="!task.editing">Edit</button>
<button ng-click="task.editing = !task.editing" ng-if="task.editing">Save</button>
<button ng-click="ctrl.deleteTask(task)">Delete</button>
</li>
</ul>
</div>
</body>
</html>
Binary file not shown.
82 changes: 82 additions & 0 deletions Angular-JS-Projects/Basic/Task-Manager/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
body {
font-family: 'Arial', sans-serif;
background-color: #f0f8ff;
padding: 20px;
}

.container {
max-width: 600px;
margin: 0 auto;
background: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

h1 {
text-align: center;
color: #333;
margin-bottom: 20px;
}

input[type="text"] {
width: calc(100% - 100px);
padding: 12px;
margin-right: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
transition: border-color 0.3s;
}

input[type="text"]:focus {
border-color: #007bff;
outline: none;
}

button {
padding: 12px 15px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
margin-top: 10px; /* Added margin to create space above the button */
}

button:hover {
background-color: #0056b3;
}


ul {
list-style-type: none;
padding: 0;
}

li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
margin: 8px 0;
background-color: #f9f9f9;
border: 1px solid #e3e3e3;
border-radius: 4px;
transition: background-color 0.3s;
}

li:hover {
background-color: #e9ecef;
}

span {
flex: 1;
color: #333;
}

button {
margin-left: 10px;
}
2 changes: 1 addition & 1 deletion Angular-JS-Projects/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
| 1 | [Quick Notes](./Basic/Quick-Notes) | ![Basic](https://img.shields.io/badge/Basic-00FF00?style=for-the-badge) |
| 2 | [Train Booking Website](./Intermediate/Train-Website/) | ![Intermediate](https://img.shields.io/badge/Intermediate-FFD700?style=for-the-badge) |
| 3 | [Contact Manager](./Advanced/Contact-Manager/) | ![Advanced](https://img.shields.io/badge/Advanced-FF0000?style=for-the-badge) |

| 4 | [Task Manager](./Basic/Task-Manager) | ![Basic](https://img.shields.io/badge/Basic-00FF00?style=for-the-badge) |

</div>

Expand Down
76 changes: 76 additions & 0 deletions Front-end-Projects/Intermediate/Book-Website/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<h1 align='center'><b>💥 BOOK WEBSITE 💥</b></h1>

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h3 align='center'>Tech Stack Used 🎮</h3>
<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->

<div align='center'>

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)
<!-- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) -->
<!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
<!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
<!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
<!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
<!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
<!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
<!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
<!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
<!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
<!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
<!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
</div>


![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)

<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: Description 📃

<div>
<!-- <p>Add Description of the project</p> -->
<p>This is a simple book website that provides a detailed description of one featured book. At the bottom of the page, you can also find images of five popular books from 2024. The website offers a clean, minimal design for easy browsing.

</p>
</div>


<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: How to run it? 🕹️

<!-- Add steps how to run this project -->
- Clone the repository to your local machine.
- Open the `index.html` file in your web browser to start using the application.


<!-- -------------------------------------------------------------------------------------------------------------- -->

## :zap: Screenshots 📸
<!-- add the screenshot of the project (Mandatory) -->
![Screenshot](screenshot.webp)




![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)

<!-- -------------------------------------------------------------------------------------------------------------- -->

<h4 align='center'>Developed By <b><i>ABANKITA BEHERA</i></b> </h4>
<p align='center'>
<a href='www.linkedin.com/in/abankita-behera-210836227'>
<img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
</a>
<a href='https://github.com/Abankita'>
<img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
</a>
</p>

<h4 align='center'>Happy Coding 🧑‍💻</h4>

<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
68 changes: 68 additions & 0 deletions Front-end-Projects/Intermediate/Book-Website/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BookVerse</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container header">
<img src="images/logo.png" alt="logo" class = "logo">
</div>
<div class="container book-details">
<div class="row">
<div class="col-md-6 left-box">
<h1>ROCK PAPER SCISSORS</h1>
<h4>Alice Feeney</h4>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<p>Things have been wrong with Mr and Mrs Wright for a long time. When Adam and Amelia win a weekend away to Scotland, it might be just what their marriage needs. Self-confessed workaholic and screenwriter Adam Wright has lived with face blindness his whole life. He can’t recognize friends or family, or even his own wife.

Every anniversary the couple exchange traditional gifts – paper, cotton, pottery, tin – and each year Adam’s wife writes him a letter that she never lets him read. Until now. They both know this weekend will make or break their marriage, but they didn’t randomly win this trip. One of them is lying, and someone doesn’t want them to live happily ever after. <br>

<i>Ten years of marriage. Ten years of secrets. And an anniversary they will never forget.</i>
</p>
<div class="book-genre">
<h6>Genre:</h6>
<ul>
<li>Fiction</li>
<li>Mystery</li>
<li>Thriller</li>
<li>Suspense</li>
</ul>
</div>
<a href="#">Read now</a>
</div>
<div class="col-md-6 text-center">
<img src="images/mainbook.png" alt="main book image" class = "mainbook-img">
</div>
</div>
</div>
<div class="container series">
<h3>Popular books of 2024</h3>
<div class="row">
<div class="col">
<img src="images/book1.png" alt="">
</div>
<div class="col">
<img src="images/book2.png" alt="">
</div>
<div class="col">
<img src="images/book3.png" alt="">
</div>
<div class="col">
<img src="images/book4.png" alt="">
</div>
<div class="col">
<img src="images/book5.png" alt="">
</div>
</div>
</div>
</body>
</html>
Binary file not shown.
Loading

0 comments on commit cd5267f

Please sign in to comment.