=d.width()&&e.animate({top:0,left:d.width()},c.speed),h<=0&&e.animate({left:0,top:-d.height()},c.speed),h>=d.height()&&e.animate({left:0,top:d.height()},c.speed)})}}(jQuery);
--------------------------------------------------------------------------------
/08.Fitness Website/zacson-master/assets/js/plugins.js:
--------------------------------------------------------------------------------
1 | // Avoid `console` errors in browsers that lack a console.
2 | (function() {
3 | var method;
4 | var noop = function () {};
5 | var methods = [
6 | 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
7 | 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
8 | 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
9 | 'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'
10 | ];
11 | var length = methods.length;
12 | var console = (window.console = window.console || {});
13 |
14 | while (length--) {
15 | method = methods[length];
16 |
17 | // Only stub undefined methods.
18 | if (!console[method]) {
19 | console[method] = noop;
20 | }
21 | }
22 | }());
23 |
24 | // Place any jQuery/helper plugins in here.
25 |
--------------------------------------------------------------------------------
/08.Fitness Website/zacson-master/assets/scss/_services.scss:
--------------------------------------------------------------------------------
1 | .hero-caption{
2 | & span{
3 | color: #fff;
4 | font-size: 16px;
5 | display: block;
6 | margin-bottom: 24px;
7 | font-weight: 600;
8 | padding-left: 95px;
9 | position: relative;
10 | &::before{
11 | position: absolute;
12 | content: "";
13 | width: 75px;
14 | height: 3px;
15 | background:$theme-color;
16 | left: 0;
17 | top: 52%;
18 | transform: translateY(-50%);
19 | }
20 | }
21 | & h2{
22 | color: #fff;
23 | font-size: 50px;
24 | font-weight: 700;
25 | }
26 | }
--------------------------------------------------------------------------------
/08.Fitness Website/zacson-master/main.html:
--------------------------------------------------------------------------------
1 |
2 | Thank you for using our template!
3 | For more awesome templates please visit Colorlib.
4 |
5 | Copyright information for the template can't be altered/removed unless you purchase a license.
6 |
7 |
Removing copyright information without the license will result in suspension of your hosting and/or domain name(s).
8 |
9 |
More information about the license is available here.
10 |
11 |
18 |
--------------------------------------------------------------------------------
/09.Password Generator/password-generator/Password-Generator/Icon.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/09.Password Generator/password-generator/Password-Generator/Icon2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/09.Password Generator/password-generator/Password-Generator/Icon2.png
--------------------------------------------------------------------------------
/09.Password Generator/password-generator/Password-Generator/Iconlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/09.Password Generator/password-generator/Password-Generator/Iconlight.png
--------------------------------------------------------------------------------
/11.Weather App/assets/404.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/404.png
--------------------------------------------------------------------------------
/11.Weather App/assets/clear.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/clear.png
--------------------------------------------------------------------------------
/11.Weather App/assets/cloud.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/cloud.png
--------------------------------------------------------------------------------
/11.Weather App/assets/mist.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/mist.png
--------------------------------------------------------------------------------
/11.Weather App/assets/rain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/rain.png
--------------------------------------------------------------------------------
/11.Weather App/assets/snow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/11.Weather App/assets/snow.png
--------------------------------------------------------------------------------
/12.Tic-tac-toe Game/Tic-TAc-Toe/script.js:
--------------------------------------------------------------------------------
1 | var board = document.getElementById("board");
2 | var cells = board.getElementsByTagName("td");
3 | var player = "X";
4 |
5 | for (var i = 0; i < cells.length; i++) {
6 | cells[i].addEventListener("click", function() {
7 | if (this.innerHTML === "") {
8 | this.innerHTML = player;
9 |
10 | if (player === "X") {
11 | player = "O";
12 | } else {
13 | player = "X";
14 | }
15 | }
16 | });
17 | }
18 | var resetButton = document.getElementById("reset-button");
19 | resetButton.addEventListener("click", function() {
20 | for (var i = 0; i < cells.length; i++) {
21 | cells[i].innerHTML = "";
22 | }
23 | player = "X";
24 | });
25 | function share() {
26 | // code for sharing the game
27 | }
28 |
29 | function like() {
30 | // code for liking the game
31 | }
32 |
--------------------------------------------------------------------------------
/13.Link-Shorten-Website/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/13.Link-Shorten-Website/.DS_Store
--------------------------------------------------------------------------------
/15.Alarm Clock/files/ringtone.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/15.Alarm Clock/files/ringtone.mp3
--------------------------------------------------------------------------------
/16.Meme-Generator/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Meme Generator
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/16.Meme-Generator/styles.css:
--------------------------------------------------------------------------------
1 | .meme-generator {
2 | margin: 20px auto;
3 | width: 400px;
4 | font-family: sans-serif;
5 | }
6 |
7 | .meme-generator label {
8 | display: block;
9 | font-weight: bold;
10 | margin-bottom: 10px;
11 | }
12 |
13 | .meme-generator input {
14 | width: 100%;
15 | box-sizing: border-box;
16 | margin-bottom: 20px;
17 | }
18 |
19 | #meme {
20 | width: 100%;
21 | }
22 | body{
23 | background-color: aquamarine;
24 | }
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/;.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/;.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/a.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/a.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/d.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/d.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/e.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/e.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/f.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/f.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/g.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/g.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/h.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/h.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/j.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/j.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/k.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/k.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/l.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/l.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/o.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/o.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/p.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/p.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/s.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/s.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/t.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/t.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/u.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/u.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/w.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/w.wav
--------------------------------------------------------------------------------
/20.Playable-Piano/tunes/y.wav:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/20.Playable-Piano/tunes/y.wav
--------------------------------------------------------------------------------
/21.Image Resizer/Image Resizer JavaScript/img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/21.Image Resizer/Image Resizer JavaScript/img.jpg
--------------------------------------------------------------------------------
/21.Image Resizer/Image Resizer JavaScript/upload-icon.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/23.File Downloader/File Downloader with JavaScript/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | File Downloader in JavaScript| CodingNepal
7 |
8 |
9 |
10 |
11 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/23.File Downloader/File Downloader with JavaScript/script.js:
--------------------------------------------------------------------------------
1 | const fileInput = document.querySelector("input"),
2 | downloadBtn = document.querySelector("button");
3 |
4 | downloadBtn.addEventListener("click", e => {
5 | e.preventDefault();
6 | downloadBtn.innerText = "Downloading file...";
7 | fetchFile(fileInput.value);
8 | });
9 |
10 | function fetchFile(url) {
11 | fetch(url).then(res => res.blob()).then(file => {
12 | let tempUrl = URL.createObjectURL(file);
13 | const aTag = document.createElement("a");
14 | aTag.href = tempUrl;
15 | aTag.download = url.replace(/^.*[\\\/]/, '');
16 | document.body.appendChild(aTag);
17 | aTag.click();
18 | downloadBtn.innerText = "Download File";
19 | URL.revokeObjectURL(tempUrl);
20 | aTag.remove();
21 | }).catch(() => {
22 | alert("Failed to download file!");
23 | downloadBtn.innerText = "Download File";
24 | });
25 | }
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Bbishop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Bbishop.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Bking.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Bking.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Bknight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Bknight.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Bpawn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Bpawn.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Bqueen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Bqueen.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Brook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Brook.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wbishop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wbishop.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wking.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wking.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wknight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wknight.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wpawn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wpawn.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wqueen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wqueen.png
--------------------------------------------------------------------------------
/24.Chess Game/CHESS/Wrook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/24.Chess Game/CHESS/Wrook.png
--------------------------------------------------------------------------------
/25.Car-Racing/CarGame/27471.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/25.Car-Racing/CarGame/27471.jpg
--------------------------------------------------------------------------------
/25.Car-Racing/CarGame/car1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/25.Car-Racing/CarGame/car1.png
--------------------------------------------------------------------------------
/25.Car-Racing/CarGame/car2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/25.Car-Racing/CarGame/car2.png
--------------------------------------------------------------------------------
/25.Car-Racing/CarGame/car3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/25.Car-Racing/CarGame/car3.png
--------------------------------------------------------------------------------
/25.Car-Racing/CarGame/road.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/25.Car-Racing/CarGame/road.png
--------------------------------------------------------------------------------
/27.Snake and Ladder/SnakesAndLadder/rpg-dice-rolling-95182.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/27.Snake and Ladder/SnakesAndLadder/rpg-dice-rolling-95182.mp3
--------------------------------------------------------------------------------
/27.Snake and Ladder/SnakesAndLadder/snake ladder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/27.Snake and Ladder/SnakesAndLadder/snake ladder.png
--------------------------------------------------------------------------------
/27.Snake and Ladder/SnakesAndLadder/winharpsichord-39642.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/27.Snake and Ladder/SnakesAndLadder/winharpsichord-39642.mp3
--------------------------------------------------------------------------------
/28.Spelling game/SpellingBee/bee.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/28.Spelling game/SpellingBee/bee.png
--------------------------------------------------------------------------------
/29.Analog Watch/Analog Clock/script.js:
--------------------------------------------------------------------------------
1 | let hr = document.getElementById('hour');
2 | let min = document.getElementById('min');
3 | let sec = document.getElementById('sec');
4 |
5 | function displayTime(){
6 | let date = new Date();
7 |
8 | // Getting hour, mins, secs from date
9 | let hh = date.getHours();
10 | let mm = date.getMinutes();
11 | let ss = date.getSeconds();
12 |
13 | let hRotation = 30*hh + mm/2;
14 | let mRotation = 6*mm;
15 | let sRotation = 6*ss;
16 |
17 | hr.style.transform = `rotate(${hRotation}deg)`;
18 | min.style.transform = `rotate(${mRotation}deg)`;
19 | sec.style.transform = `rotate(${sRotation}deg)`;
20 |
21 | }
22 |
23 | setInterval(displayTime, 1000);
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-1.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-2.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-3.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-4.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-5.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/images/music-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/images/music-6.jpg
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-1.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-1.mp3
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-2.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-2.mp3
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-3.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-3.mp3
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-4.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-4.mp3
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-5.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-5.mp3
--------------------------------------------------------------------------------
/31.Music Player/Music Player in JavaScript/songs/music-6.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/31.Music Player/Music Player in JavaScript/songs/music-6.mp3
--------------------------------------------------------------------------------
/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/paper.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/paper.png
--------------------------------------------------------------------------------
/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/rock.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/rock.png
--------------------------------------------------------------------------------
/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/scissors.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/33.Rock-Paper-Scissors Game/Rock Paper Scissors/images/scissors.png
--------------------------------------------------------------------------------
/35.Text-File saver(all extention)/Save Text As File JavaScript/script.js:
--------------------------------------------------------------------------------
1 | const textarea = document.querySelector("textarea"),
2 | fileNameInput = document.querySelector(".file-name input"),
3 | selectMenu = document.querySelector(".save-as select"),
4 | saveBtn = document.querySelector(".save-btn");
5 |
6 | selectMenu.addEventListener("change", () => {
7 | const selectedFormat = selectMenu.options[selectMenu.selectedIndex].text;
8 | saveBtn.innerText = `Save As ${selectedFormat.split(" ")[0]} File`;
9 | });
10 |
11 | saveBtn.addEventListener("click", () => {
12 | const blob = new Blob([textarea.value], {type: selectMenu.value});
13 | const fileUrl = URL.createObjectURL(blob);
14 | const link = document.createElement("a");
15 | link.download = fileNameInput.value;
16 | link.href = fileUrl;
17 | link.click();
18 | });
--------------------------------------------------------------------------------
/38.Stock Trading App/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/38.Stock Trading App/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/38.Stock Trading App/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/38.Stock Trading App/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/38.Stock Trading App/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/38.Stock Trading App/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/38.Stock Trading App/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/38.Stock Trading App/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/38.Stock Trading App/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/38.Stock Trading App/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/38.Stock Trading App/js/custom.js:
--------------------------------------------------------------------------------
1 | $(function(){
2 |
3 | setInterval(function() {
4 | //location.reload();
5 | }, 2000);
6 |
7 | });
--------------------------------------------------------------------------------
/39.Stop watch/Stopwatch Application/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Stopwatch application | CodingLab
7 |
8 |
9 |
10 |
11 |
12 | 00
13 | :
14 | 00
15 | :
16 | 00
17 | :
18 | 00
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/40.Text To Word Convertor/Text to Speech Converter/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Text to Speech Converter
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/blocks/brand.css:
--------------------------------------------------------------------------------
1 | .brand {
2 | height: 28px;
3 | filter: invert(46%) sepia(99%) saturate(1449%) hue-rotate(176deg) brightness(100%) contrast(91%);
4 | padding: 10px;
5 | }
6 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/blocks/layout.css:
--------------------------------------------------------------------------------
1 | .layout {
2 | display: grid;
3 | grid-template-columns: 275px auto 350px;
4 | margin: 0 auto;
5 | max-width: 1200px;
6 | }
7 |
8 | .layout__right-sidebar {
9 | position: fixed;
10 | width: 350px;
11 | }
12 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/blocks/sidebar-menu.css:
--------------------------------------------------------------------------------
1 | .sidebar-menu {
2 | position: fixed;
3 | }
4 |
5 | .sidebar-menu__item {
6 | font-size: 19px;
7 | color: #0F141A;
8 | display: flex;
9 | align-items: center;
10 | font-weight: 700;
11 | padding: 10px;
12 | }
13 |
14 | .sidebar-menu__item:hover {
15 | background: rgba(29, 161, 242, 0.1);
16 | color: #1da0f2;
17 | border-radius: 20px;
18 | cursor: pointer;
19 | }
20 |
21 | .sidebar-menu__item--active {
22 | color: #1da0f2;
23 | }
24 |
25 | .sidebar-menu__item-icon {
26 | height: 26px;
27 | margin-right: 20px;
28 | }
29 |
30 | .sidebar-menu__item--active .sidebar-menu__item-icon {
31 | filter: invert(67%) sepia(60%) saturate(4956%) hue-rotate(176deg) brightness(95%) contrast(99%);
32 | }
33 |
34 |
35 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/blocks/trends-for-you.css:
--------------------------------------------------------------------------------
1 | .trends-for-you {
2 | border-radius: 15px;
3 | background: #f5f8fa;
4 | margin-bottom: 15px;
5 | }
6 |
7 | .trends-for-you__block {
8 | border-bottom: 1px solid #e6ecf0;
9 | padding: 10px 15px;
10 | }
11 |
12 | .trends-for-you__block:last-child {
13 | border-bottom: none;
14 | }
15 |
16 | .trends-for-you__heading {
17 | font-size: 19px;
18 | font-weight: bold;
19 | color: #14171a;
20 | }
21 |
22 | .trends-for-you__meta-information {
23 | font-size: 13px;
24 | font-weight: 300;
25 | color: #657786;
26 | }
27 |
28 | .trends-for-you__trend-name {
29 | font-size: 15px;
30 | color: #14171a;
31 | font-weight: bold;
32 | margin-bottom: 5px;
33 | margin-top: 2px;
34 | }
35 |
36 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/blocks/tweet.css:
--------------------------------------------------------------------------------
1 | .tweet {
2 | display: flex;
3 | border-bottom: 1px solid #e6ecf0;
4 | margin-bottom: 2px;
5 | padding: 10px 15px;
6 | }
7 |
8 | .tweet:hover {
9 | background: rgba(0, 0, 0, 0.03);
10 | cursor: pointer;
11 | }
12 |
13 | .tweet a {
14 | color: #1b94e0;
15 | text-decoration: none;
16 | }
17 |
18 | .tweet a:hover {
19 | text-decoration: underline;
20 | }
21 |
22 | .tweet__author-logo {
23 | width: 49px;
24 | height: 49px;
25 | border-radius: 50%;
26 | margin-right: 10px;
27 | }
28 |
29 | .tweet__header {
30 | display: flex;
31 | }
32 |
33 | .tweet__author-name {
34 | font-size: 15px;
35 | font-weight: 700;
36 | color: #14171a;
37 | margin-right: 5px;
38 | }
39 |
40 | .tweet__author-slug {
41 | color: #5b7083;
42 | font-size: 15px;
43 | }
44 |
45 | .tweet__publish-time {
46 | margin-left: 5px;
47 | color: #657786;
48 | }
49 |
50 | .tweet__image {
51 | width: 100%;
52 | border-radius: 15px;
53 | margin-top: 10px;
54 | }
55 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/css/global.css:
--------------------------------------------------------------------------------
1 | html {
2 | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
3 | }
4 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/images/post-image-1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/42.Twitter Clone/twitter/images/post-image-1.jpeg
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/images/profile-image-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/42.Twitter Clone/twitter/images/profile-image-1.jpg
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/images/profile-image-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/42.Twitter Clone/twitter/images/profile-image-2.png
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/images/profile-image-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/42.Twitter Clone/twitter/images/profile-image-3.jpg
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/explore.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/home.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/messages.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/more.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/notifications.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/profile.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/42.Twitter Clone/twitter/svg/twitter.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/43.Typing-Speed-test app/typing_speed-test-webapp/README.md:
--------------------------------------------------------------------------------
1 | # typing_speed-test-webapp
2 | https://typing-speed-testbysudeep.netlify.app/
3 | Go Check this web-app and test ur typing speed.
4 | 
5 |
--------------------------------------------------------------------------------
/44.Admin panel Dashboard/Admin Dashboard Panel/Images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/44.Admin panel Dashboard/Admin Dashboard Panel/Images/logo.png
--------------------------------------------------------------------------------
/44.Admin panel Dashboard/Admin Dashboard Panel/Images/profile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/44.Admin panel Dashboard/Admin Dashboard Panel/Images/profile.jpg
--------------------------------------------------------------------------------
/45.Whatsapp Clone/index_files/images.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/45.Whatsapp Clone/index_files/images.png
--------------------------------------------------------------------------------
/45.Whatsapp Clone/index_files/maxresdefault-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/45.Whatsapp Clone/index_files/maxresdefault-2.jpg
--------------------------------------------------------------------------------
/46.Video 2 Audio Converter/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Document
8 |
9 |
10 | Will be Added
11 |
12 |
--------------------------------------------------------------------------------
/49.Dragon Game/assets/block.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/49.Dragon Game/assets/block.png
--------------------------------------------------------------------------------
/49.Dragon Game/assets/cloud.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/49.Dragon Game/assets/cloud.jpg
--------------------------------------------------------------------------------
/49.Dragon Game/assets/dino.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/49.Dragon Game/assets/dino.png
--------------------------------------------------------------------------------
/49.Dragon Game/assets/road.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SudeepAcharjee/The-50-Front-end-Project/487b570e620fbe2b5f969eb0ead5929fbdc0d5aa/49.Dragon Game/assets/road.png
--------------------------------------------------------------------------------
/49.Dragon Game/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Dino Game
6 |
7 |
8 |
9 |
10 |
11 |

12 |
13 |
14 |

15 |
16 |
17 |

18 |
19 |
20 |

21 |
22 |
Score 00
23 |
Game Over
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/50.Drag&Drop Image file/Drag & Drop or Browse File/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Drag & Drop or Browse: File Upload | CodingNepal
8 |
9 |
10 |
11 |
12 |
13 |
14 |
Drag & Drop to Upload File
15 |
OR
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------