├── 001 HTML ├── DOUBT CLASS 1 HTML │ ├── LakshayHW1.html │ ├── formHW.html │ └── lakshayhw1.css ├── HTML HW │ ├── Linus_Bhaya.jpeg │ ├── Linus_Torvalds.html │ └── hwTable.html ├── HTML LEVEL1 │ ├── index.html │ ├── learn.html │ ├── list.html │ ├── mango.html │ └── tofuLelo.jpeg ├── HTML LEVEL2 │ └── tagPractice │ │ ├── form.html │ │ ├── paneer.jpg │ │ ├── start.html │ │ └── table.html ├── HTML LEVEL3 │ └── learnTables │ │ ├── colgroup.html │ │ ├── cw.html │ │ ├── practicetable.html │ │ ├── span.html │ │ ├── spanColour.html │ │ └── table.html └── HTML LEVEL4 │ ├── divSpan.html │ ├── link.html │ ├── tagPractice.html │ └── tributePage │ └── Linus_Torvalds.html ├── 002 CSS ├── Day 1 │ ├── BoxMode │ │ └── boxmodel.html │ ├── Product Card1 │ │ ├── card.css │ │ ├── card.html │ │ ├── cardimg.jpg │ │ └── hoktffneuv795jansa8z_bdff2537c7.svg │ ├── index.html │ ├── pixels │ │ └── piexels.html │ └── style.css ├── Day 2 │ ├── 2D Transform │ │ ├── index.html │ │ └── style.css │ ├── 3D Transform │ │ ├── index.html │ │ └── style.css │ ├── dimensions │ │ ├── dimensions.css │ │ └── dimensions.html │ ├── gradient │ │ ├── gradient.css │ │ └── gradient.html │ ├── position │ │ ├── position.css │ │ ├── position.html │ │ └── practice │ │ │ ├── index.html │ │ │ ├── style.css │ │ │ └── windows-11-landscape-scenery-sunset-stock-night-5120x2880-5670.jpg │ └── shadows │ │ ├── shadow.css │ │ └── shadow.html ├── Day 3 │ └── FlexBox │ │ ├── index.html │ │ └── style.css ├── Day 4 - PARALLEX │ ├── Parallex Effect │ │ ├── assets │ │ │ ├── background.png │ │ │ ├── favicon.ico │ │ │ ├── foreground.png │ │ │ ├── sport-1.jpg │ │ │ ├── sport-2.jpg │ │ │ └── sport-3.jpg │ │ ├── parallex.css │ │ └── parallex.html │ └── grid │ │ ├── grid.css │ │ ├── grid.html │ │ └── layout1 │ │ ├── layout.css │ │ └── layout.html └── Day 5 │ ├── My Gallery │ ├── assets │ │ ├── icons8-photo-gallery-67.png │ │ ├── image1.jpg │ │ ├── image10.jpg │ │ ├── image11.jpg │ │ ├── image12.jpeg │ │ ├── image13.jpg │ │ ├── image2.jpeg │ │ ├── image3.jpeg │ │ ├── image4.jpeg │ │ ├── image5.jpeg │ │ ├── image6.jpg │ │ ├── image7.jpeg │ │ ├── image8.jpeg │ │ └── image9.jpeg │ ├── mygallery.css │ └── mygallery.html │ └── Product Card2 │ ├── assets │ ├── icon-cart.png │ ├── mug-mobile.jpg │ └── mug.jpg │ ├── card.css │ └── card.html ├── 003 ANIMATION & RESPONSIVENESS ├── DAY 1 │ ├── advanceGrid │ │ ├── grid.css │ │ └── grid.html │ ├── blogWebsite │ │ ├── blog.css │ │ ├── blog.html │ │ ├── post.css │ │ └── post.html │ ├── class1.css │ ├── class1.html │ ├── mediaQueries │ │ ├── index.html │ │ └── style.css │ ├── nestedGrids │ │ ├── index.html │ │ └── style.css │ ├── properties │ │ ├── index.html │ │ └── style.css │ └── template area │ │ ├── index.html │ │ └── styles.css ├── DAY 2 │ ├── ANIMATIONS │ │ ├── index.html │ │ └── style.css │ ├── BUTTONS │ │ ├── Glow Effect Button │ │ │ ├── index.html │ │ │ └── style.css │ │ └── Hire me Button │ │ │ ├── index.html │ │ │ └── style.css │ ├── TRANSITION │ │ ├── index.html │ │ └── style.css │ ├── index.html │ └── style.css ├── DAY 3_4_5 │ └── portfolio-website │ │ ├── Read.md │ │ ├── index.html │ │ ├── projects │ │ ├── Project1.png │ │ ├── Project2.png │ │ ├── Project3.png │ │ └── Project4.png │ │ ├── stack │ │ ├── Bash.svg │ │ ├── Bootstrap.svg │ │ ├── CSS.png │ │ ├── ChartJs.svg │ │ ├── Docker.svg │ │ ├── Express.png │ │ ├── Git.svg │ │ ├── Github.svg │ │ ├── Graphql.svg │ │ ├── HTML.png │ │ ├── Javascript.svg │ │ ├── K8s.svg │ │ ├── MaterialUI.svg │ │ ├── MongoDB.svg │ │ ├── Next.svg │ │ ├── NextJsCircle.png │ │ ├── NodeJs.svg │ │ ├── React.png │ │ ├── Redux.svg │ │ ├── Saas.svg │ │ ├── Tailwind.png │ │ ├── Typescript.svg │ │ └── Vercel.svg │ │ ├── style.css │ │ └── userAsset │ │ ├── NavLogo.jpg │ │ ├── blob vector.png │ │ ├── circle.png │ │ ├── cube.png │ │ ├── dots.png │ │ ├── plus.png │ │ ├── user.png │ │ ├── userImage.jpg │ │ └── zigzags.png └── DAY 6 │ └── MODERN CHAIR │ ├── Images │ ├── chair1.png │ ├── chair2.png │ ├── chair3.png │ ├── chair4.png │ ├── chair5.png │ ├── chair6.png │ ├── color1.jpg │ ├── color2.jpg │ ├── color3.jpg │ ├── color4.jpg │ ├── color5.jpg │ ├── color6.jpg │ └── favicon.ico │ ├── chair.html │ └── styles.css ├── 004 TAILWIND ├── Discord Clone │ ├── fonts │ │ ├── Ginto-Nord │ │ │ ├── Ginto-Nord-500.woff │ │ │ ├── Ginto-Nord-500.woff2 │ │ │ ├── Ginto-Nord-600.woff │ │ │ ├── Ginto-Nord-600.woff2 │ │ │ ├── Ginto-Nord-700.woff │ │ │ └── Ginto-Nord-700.woff2 │ │ ├── Ginto │ │ │ ├── Ginto-300-italic.woff │ │ │ ├── Ginto-300.woff │ │ │ ├── Ginto-400-italic.woff │ │ │ ├── Ginto-400.woff │ │ │ ├── Ginto-500-italic.woff │ │ │ ├── Ginto-500.woff │ │ │ ├── Ginto-600-italic.woff │ │ │ ├── Ginto-600.woff │ │ │ ├── Ginto-700-italic.woff │ │ │ └── Ginto-700.woff │ │ ├── Whitney │ │ │ ├── Whitney-300.woff │ │ │ ├── Whitney-400.woff │ │ │ ├── Whitney-500.woff │ │ │ ├── Whitney-600.woff │ │ │ └── Whitney-700.woff │ │ └── gg-sans │ │ │ ├── ggsans-Bold.ttf │ │ │ ├── ggsans-Medium.ttf │ │ │ ├── ggsans-Normal.ttf │ │ │ └── ggsans-Semibold.ttf │ ├── images │ │ ├── Image0.svg │ │ ├── Image1.svg │ │ ├── Image2.svg │ │ ├── favicon.ico │ │ ├── logo.svg │ │ ├── section1Image.svg │ │ ├── section2Image.svg │ │ ├── section3Image.svg │ │ ├── section4Image.svg │ │ └── section5Image.svg │ ├── index.html │ ├── main.css │ ├── package.json │ ├── postcss.config.js │ └── tailwind.config.js ├── basic-setup │ ├── index.html │ ├── main.css │ ├── package.json │ ├── postcss.config.js │ └── tailwind.config.js └── razorpayClone │ ├── images │ ├── CTABg.svg │ ├── Xicon.svg │ ├── api-driven-icon.svg │ ├── autopay-icon.svg │ ├── buisness-banking.png │ ├── capital-credit-icon.svg │ ├── check.svg │ ├── comanies.png │ ├── core-features-sectionBg.svg │ ├── ctaImg.svg │ ├── current-icon.svg │ ├── dashboard-reporting-icon.svg │ ├── easy-integration.svg │ ├── facebook-icon.svg │ ├── fake-company-logo.png │ ├── favicon.png │ ├── feature-section-2BG.svg │ ├── feature-section1-dottedrows.png │ ├── features-wave.svg │ ├── features2-wave.svg │ ├── footer-certificate-1.png │ ├── footer-certificate-2.jpg │ ├── github-icon.svg │ ├── hero-illustration.jpg │ ├── hero-shape.svg │ ├── india-flag.svg │ ├── industry-support-icon.svg │ ├── instagram-icon.svg │ ├── instant-activation-icon.svg │ ├── instant-settlement-bg.svg │ ├── instant-settlement-bghover.svg │ ├── instant-settlement-icon.svg │ ├── instantsettlement-bg.svg │ ├── instantsettlement-hoverbg.svg │ ├── linkedin-icon.svg │ ├── logo-dark.svg │ ├── logo.svg │ ├── magic-checkout-bg.svg │ ├── magic-checkout-hoverbg.svg │ ├── magic-checkout.svg │ ├── payment-button-bg.svg │ ├── payment-button-hoverbg.svg │ ├── payment-button.svg │ ├── payment-buttons-icon.svg │ ├── payment-gateway.svg │ ├── payment-link-icon.svg │ ├── payment-modes.svg │ ├── payment-pages-icon.svg │ ├── payment-suite.png │ ├── payouts-icon.svg │ ├── quotes.svg │ ├── razorpayX.svg │ ├── razorpayXicon.svg │ ├── route-icon.svg │ ├── secure-icon.svg │ ├── simple-pricing.svg │ ├── smart-collect-icon.svg │ ├── subscriptions-icon.svg │ ├── testimonial.jpg │ ├── twitter-icon.svg │ ├── upi-autopay-bg.svg │ ├── upi-autopay-hoverbg.svg │ ├── x-flame-1.png │ └── x-flame-2.png │ ├── index.html │ ├── package.json │ ├── postcss.config.js │ ├── style.css │ └── tailwind.config.js ├── 005 JS ├── JS_Basics2 │ ├── index.html │ └── index.js ├── JS_Basics3 │ ├── index.html │ └── index.js ├── JS_Basics4 │ ├── index.html │ └── index.js └── JS_Basics_1 │ ├── index.html │ └── index.js ├── 006 JS DOM MANIPULATIOIN ├── DAY 1 │ ├── index.html │ └── index.js ├── DAY 2 │ ├── index.html │ └── index.js ├── DAY 3 │ ├── index.html │ └── index.js ├── DAY 4 │ ├── index.html │ └── index.js └── DAY 5 (UNWRAP) │ ├── Counter App Mini Project │ ├── index.html │ └── index.js │ └── Share Modal App │ ├── assets │ ├── favicon.ico │ └── profile-image.jpg │ ├── index.html │ ├── script.js │ └── style.css ├── 007 MINI PROJECTS I ├── Day_1_2_Password_Generator │ ├── assets │ │ ├── copy.svg │ │ └── favicon.ico │ ├── index.html │ ├── script.js │ └── style.css ├── Day_3 │ ├── index.html │ ├── index.js │ └── style.css └── Day_4_5_Weather_App │ ├── assets │ ├── cloud.png │ ├── favicon.ico │ ├── humidity.png │ ├── loading.gif │ ├── location.png │ ├── not-found.png │ ├── search.png │ └── wind.png │ ├── weatherApp.css │ ├── weatherApp.html │ └── weatherApp.js ├── 008 MINI PROJECTS II ├── Dev Detective │ ├── assets │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ └── images │ │ │ ├── company-icon.svg │ │ │ ├── location-icon.svg │ │ │ ├── moon-icon.svg │ │ │ ├── search-icon.svg │ │ │ ├── sun-icon.svg │ │ │ ├── twitter-icon.svg │ │ │ └── website-icon.svg │ ├── index.css │ ├── index.html │ └── script.js └── Tic Tac Toe │ ├── assets │ ├── favicon.ico │ └── gradient-bg.jpg │ ├── tic_tac_toe.css │ ├── tic_tac_toe.html │ └── tic_tac_toe.js ├── 009 REACT BASICS ├── Day 3 │ ├── plan-with-love-starter-pack │ │ ├── package.json │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── index.html │ │ └── src │ │ │ ├── App.js │ │ │ ├── components │ │ │ ├── Card.js │ │ │ └── Tours.js │ │ │ ├── data.js │ │ │ ├── index.css │ │ │ └── index.js │ └── react-tailwind-css-starter-pack-main │ │ ├── README.md │ │ ├── package.json │ │ ├── public │ │ ├── counter.png │ │ ├── index.html │ │ └── robots.txt │ │ ├── src │ │ ├── App.css │ │ ├── App.js │ │ ├── index.css │ │ └── index.js │ │ └── tailwind.config.js ├── Day 4 │ └── top-course-starter-pack │ │ ├── package.json │ │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ │ ├── src │ │ ├── App.js │ │ ├── components │ │ │ ├── Card.js │ │ │ ├── Cards.js │ │ │ ├── Filter.js │ │ │ ├── Navbar.js │ │ │ ├── Spinner.css │ │ │ └── Spinner.js │ │ ├── data.js │ │ ├── index.css │ │ └── index.js │ │ └── tailwind.config.js └── Day 6 │ └── testimonial-slider-starter │ ├── package.json │ ├── public │ ├── index.html │ └── robots.txt │ ├── src │ ├── App.js │ ├── components │ │ ├── Card.js │ │ └── Testimonials.js │ ├── data.js │ ├── index.css │ └── index.js │ └── tailwind.config.js ├── 010 REACT INTERMEDIATE └── Day 3_4 │ └── router-project-starter │ ├── README.md │ ├── package.json │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt │ ├── src │ ├── App.css │ ├── App.js │ ├── assets │ │ ├── Logo.svg │ │ ├── frame.png │ │ ├── login.png │ │ └── signup.png │ ├── components │ │ ├── LoginForm.js │ │ ├── Navbar.js │ │ ├── PrivateRoute.js │ │ ├── SignUpForm.js │ │ └── Template.js │ ├── index.js │ └── pages │ │ ├── About.js │ │ ├── Contact.js │ │ ├── Dashboard.js │ │ ├── Home.js │ │ ├── Login.js │ │ └── Signup.js │ └── tailwind.config.js ├── 011 REACT ADVANCE ├── DAY 1 │ └── random-gif-starter │ │ ├── README.md │ │ ├── package.json │ │ ├── public │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── robots.txt │ │ └── site.webmanifest │ │ ├── src │ │ ├── App.js │ │ ├── components │ │ │ ├── Random.js │ │ │ ├── Spinner.js │ │ │ └── Tag.js │ │ ├── hooks │ │ │ └── useGif.js │ │ ├── index.css │ │ └── index.js │ │ └── tailwind.config.js ├── DAY 2 │ └── blogs-context-starter │ │ ├── README.md │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ │ ├── src │ │ ├── App.css │ │ ├── App.js │ │ ├── baseUrl.js │ │ ├── components │ │ │ ├── Blogs.jsx │ │ │ ├── Header.jsx │ │ │ ├── Pagination.jsx │ │ │ ├── Spinner.css │ │ │ └── Spinner.jsx │ │ ├── context │ │ │ └── AppContext.jsx │ │ ├── index.js │ │ └── logo.svg │ │ └── tailwind.config.js ├── DAY 3 │ └── blogs-context-2-starter │ │ ├── README.md │ │ ├── package.json │ │ ├── postcss.config.js │ │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ │ ├── src │ │ ├── App.css │ │ ├── App.js │ │ ├── baseUrl.js │ │ ├── components │ │ │ ├── BlogDetails.jsx │ │ │ ├── Blogs.jsx │ │ │ ├── Header.jsx │ │ │ ├── Pagination.jsx │ │ │ ├── Spinner.css │ │ │ └── Spinner.jsx │ │ ├── context │ │ │ └── AppContext.js │ │ ├── index.js │ │ ├── logo.svg │ │ └── pages │ │ │ ├── BlogPage.jsx │ │ │ ├── CategoryPage.jsx │ │ │ ├── Home.jsx │ │ │ └── TagPage.jsx │ │ └── tailwind.config.js └── DAY 4_5 │ ├── counter-app-starter │ ├── package.json │ ├── postcss.config.js │ ├── public │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── index.html │ │ └── site.webmanifest │ ├── src │ │ ├── App.jsx │ │ ├── components │ │ │ └── Counter.jsx │ │ ├── data.js │ │ ├── index.css │ │ ├── index.js │ │ └── redux │ │ │ ├── Slices │ │ │ └── CounterSlice.jsx │ │ │ └── store.js │ └── tailwind.config.js │ └── shopping-cart-starter │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── android-chrome-192x192.png │ ├── android-chrome-512x512.png │ ├── apple-touch-icon.png │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon.ico │ ├── index.html │ ├── logo.png │ └── site.webmanifest │ ├── src │ ├── App.jsx │ ├── components │ │ ├── CartItem.jsx │ │ ├── Navbar.jsx │ │ ├── Product.jsx │ │ ├── Spinner.css │ │ └── Spinner.jsx │ ├── data.js │ ├── index.css │ ├── index.js │ ├── pages │ │ ├── Cart.jsx │ │ └── Home.jsx │ └── redux │ │ ├── Slice │ │ └── CartSlice.jsx │ │ └── Store.jsx │ └── tailwind.config.js ├── 012 BACKEND DEVELOPMENT ├── Backend + Express I │ ├── DAY 1 │ │ ├── package.json │ │ └── server.js │ ├── DAY 2_3 │ │ └── todoApp │ │ │ ├── .env │ │ │ ├── config │ │ │ └── database.js │ │ │ ├── controllers │ │ │ ├── createTodo.js │ │ │ ├── deleteTodo.js │ │ │ ├── getTodo.js │ │ │ └── updateTodo.js │ │ │ ├── index.js │ │ │ ├── models │ │ │ └── Todo.js │ │ │ ├── package.json │ │ │ └── routes │ │ │ └── todos.js │ ├── Day 4 │ │ └── HW │ │ │ └── blogApp │ │ │ ├── .env │ │ │ ├── config │ │ │ └── database.js │ │ │ ├── controllers │ │ │ ├── commentController.js │ │ │ ├── dummyController.js │ │ │ ├── likeController.js │ │ │ └── postController.js │ │ │ ├── index.js │ │ │ ├── models │ │ │ ├── commentModel.js │ │ │ ├── likeModel.js │ │ │ └── postModel.js │ │ │ ├── package.json │ │ │ └── routes │ │ │ └── blog.js │ └── Day 5_6 Pure Basics │ │ └── Dummy-MERN-App-master │ │ ├── backend │ │ ├── README.md │ │ ├── config │ │ │ └── database.js │ │ ├── controller │ │ │ ├── createUser.js │ │ │ └── getUsers.js │ │ ├── index.js │ │ ├── models │ │ │ └── User.js │ │ ├── package.json │ │ └── routes │ │ │ └── user.js │ │ └── frontend │ │ ├── .env │ │ ├── README.md │ │ ├── package.json │ │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ │ ├── src │ │ ├── App.js │ │ ├── components │ │ │ └── EmployeeForm.js │ │ ├── index.css │ │ ├── index.js │ │ └── pages │ │ │ ├── CreateEmployeePage.js │ │ │ └── HomePage.js │ │ └── tailwind.config.js ├── Backend + Express II │ └── Day 1_2_3 │ │ └── Auth │ │ ├── .env │ │ ├── Controllers │ │ └── Auth.js │ │ ├── config │ │ └── database.js │ │ ├── index.js │ │ ├── middlewares │ │ └── auth.js │ │ ├── models │ │ └── User.js │ │ ├── package.json │ │ └── routes │ │ └── user.js └── Intermediate File Handling │ └── Day 1_2 │ └── file upload │ ├── .env │ ├── config │ ├── cloudinary.js │ └── database.js │ ├── controllers │ ├── fileUpload.js │ └── files │ │ ├── 1683398791713.jpg │ │ └── 1683398950507.jpg │ ├── index.js │ ├── models │ └── File.js │ ├── package.json │ ├── routes │ └── FileUpload.js │ └── tmp │ ├── tmp-1-1683401439897 │ ├── tmp-1-1683402055892 │ ├── tmp-1-1683402106096 │ ├── tmp-1-1683402161385 │ └── tmp-2-1683401455722 ├── 013 Mega Project ├── frontend │ ├── .env │ ├── README.md │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── logo.png │ │ ├── logo192.png │ │ ├── logo512.png │ │ ├── manifest.json │ │ └── robots.txt │ ├── src │ │ ├── App.css │ │ ├── App.jsx │ │ ├── assets │ │ │ ├── Images │ │ │ │ ├── Compare_with_others.png │ │ │ │ ├── Compare_with_others.svg │ │ │ │ ├── FoundingStory.png │ │ │ │ ├── Instructor.png │ │ │ │ ├── Know_your_progress.png │ │ │ │ ├── Know_your_progress.svg │ │ │ │ ├── Plan_your_lessons.png │ │ │ │ ├── Plan_your_lessons.svg │ │ │ │ ├── TimelineImage.png │ │ │ │ ├── aboutus1.webp │ │ │ │ ├── aboutus2.webp │ │ │ │ ├── aboutus3.webp │ │ │ │ ├── banner.mp4 │ │ │ │ ├── bghome.svg │ │ │ │ ├── boxoffice.png │ │ │ │ ├── frame.png │ │ │ │ ├── login.webp │ │ │ │ └── signup.webp │ │ │ ├── Logo │ │ │ │ ├── Logo-Full-Dark.png │ │ │ │ ├── Logo-Full-Light.png │ │ │ │ ├── Logo-Small-Dark.png │ │ │ │ ├── Logo-Small-Light.png │ │ │ │ └── rzp_logo.png │ │ │ └── TimeLineLogo │ │ │ │ ├── Logo1.svg │ │ │ │ ├── Logo2.svg │ │ │ │ ├── Logo3.svg │ │ │ │ └── Logo4.svg │ │ ├── components │ │ │ ├── common │ │ │ │ ├── Button.jsx │ │ │ │ ├── ConfirmationModal.jsx │ │ │ │ ├── Footer.jsx │ │ │ │ ├── IconBtn.jsx │ │ │ │ ├── Navbar.jsx │ │ │ │ ├── RatingStars.jsx │ │ │ │ └── Tab.jsx │ │ │ ├── contactPage │ │ │ │ ├── ContactDetails.jsx │ │ │ │ ├── ContactForm.jsx │ │ │ │ └── ContactUsForm.jsx │ │ │ └── core │ │ │ │ ├── AboutPage │ │ │ │ ├── ContactFormSection.jsx │ │ │ │ ├── LearningGrid.jsx │ │ │ │ ├── Quote.jsx │ │ │ │ └── StatsComponent.jsx │ │ │ │ ├── Auth │ │ │ │ ├── LoginForm.jsx │ │ │ │ ├── OpenRoute.jsx │ │ │ │ ├── PrivateRoute.jsx │ │ │ │ ├── ProfileDropDown.jsx │ │ │ │ ├── SignupForm.jsx │ │ │ │ └── Template.jsx │ │ │ │ ├── Catalog │ │ │ │ ├── Course_Card.jsx │ │ │ │ └── Course_Slider.jsx │ │ │ │ ├── Course │ │ │ │ ├── CourseAccordionBar.jsx │ │ │ │ ├── CourseDetailsCard.jsx │ │ │ │ └── CourseSubSectionAccordion.jsx │ │ │ │ ├── Dashboard │ │ │ │ ├── AddCourses │ │ │ │ │ ├── CourseBuilder │ │ │ │ │ │ ├── CourseBuilderForm.jsx │ │ │ │ │ │ ├── NestedView.jsx │ │ │ │ │ │ └── SubSectionModal.jsx │ │ │ │ │ ├── CourseInformation │ │ │ │ │ │ ├── ChipInput.jsx │ │ │ │ │ │ ├── CourseInformationForm.jsx │ │ │ │ │ │ └── RequirementField.jsx │ │ │ │ │ ├── PublishCourse │ │ │ │ │ │ └── index.jsx │ │ │ │ │ ├── RenderSteps.jsx │ │ │ │ │ ├── Upload.jsx │ │ │ │ │ └── index.jsx │ │ │ │ ├── Cart │ │ │ │ │ ├── RenderCartCourses.jsx │ │ │ │ │ ├── RenderTotalAmount.jsx │ │ │ │ │ └── index.jsx │ │ │ │ ├── EditCourse │ │ │ │ │ └── index.jsx │ │ │ │ ├── EnrolledCourses.jsx │ │ │ │ ├── Instructor.jsx │ │ │ │ ├── InstructorCourses │ │ │ │ │ └── courseTable.jsx │ │ │ │ ├── InstructorDashboard │ │ │ │ │ ├── Instructor.jsx │ │ │ │ │ └── InstructorChart.jsx │ │ │ │ ├── MyCourses.jsx │ │ │ │ ├── MyProfile.jsx │ │ │ │ ├── Settings │ │ │ │ │ ├── ChangeProfilePicture.jsx │ │ │ │ │ ├── DeleteAccount.jsx │ │ │ │ │ ├── EditProfile.jsx │ │ │ │ │ ├── UpdatePassword.jsx │ │ │ │ │ └── index.jsx │ │ │ │ ├── Sidebar.jsx │ │ │ │ └── SidebarLink.jsx │ │ │ │ ├── HomePage │ │ │ │ ├── CodeBlocks.jsx │ │ │ │ ├── CourseCard.jsx │ │ │ │ ├── ExploreMore.jsx │ │ │ │ ├── HighlightText.jsx │ │ │ │ ├── InstructorSection.jsx │ │ │ │ ├── LearningLanguageSection.jsx │ │ │ │ └── TimelineSection.jsx │ │ │ │ └── ViewCourse │ │ │ │ ├── CourseReviewModal.jsx │ │ │ │ ├── VideoDetails.jsx │ │ │ │ └── VideoDetailsSidebar.jsx │ │ ├── data │ │ │ ├── countrycode.json │ │ │ ├── dashboard-links.js │ │ │ ├── footer-links.js │ │ │ ├── homepage-explore.js │ │ │ └── navbar-links.js │ │ ├── dotenv.js │ │ ├── hooks │ │ │ ├── useOnClickOutside.js │ │ │ └── useRouteMatch.js │ │ ├── index.css │ │ ├── index.js │ │ ├── pages │ │ │ ├── About.jsx │ │ │ ├── Catalog.jsx │ │ │ ├── Contact.jsx │ │ │ ├── CourseDetails.jsx │ │ │ ├── Dashboard.jsx │ │ │ ├── Error.jsx │ │ │ ├── ForgotPassword.jsx │ │ │ ├── Home.jsx │ │ │ ├── Login.jsx │ │ │ ├── Signup.jsx │ │ │ ├── UpdatePassword.jsx │ │ │ ├── VerifyEmail.jsx │ │ │ └── ViewCourse.jsx │ │ ├── reducer │ │ │ └── index.js │ │ ├── services │ │ │ ├── apiconnector.js │ │ │ ├── apis.js │ │ │ ├── formatDate.js │ │ │ └── operations │ │ │ │ ├── SettingsAPI.js │ │ │ │ ├── authAPI.js │ │ │ │ ├── courseDetailsAPI.js │ │ │ │ ├── pageAndComponentData.js │ │ │ │ ├── profileAPI.js │ │ │ │ └── studentFeaturesAPI.js │ │ ├── slices │ │ │ ├── authSlice.js │ │ │ ├── cartSlice.js │ │ │ ├── courseSlice.js │ │ │ ├── profileSlice.js │ │ │ └── viewCourseSlice.js │ │ └── utils │ │ │ ├── avgRating.js │ │ │ ├── constants.js │ │ │ └── dateFormatter.js │ └── tailwind.config.js └── server │ ├── .env.example │ ├── config │ ├── cloudinary.js │ ├── database.js │ └── razorpay.js │ ├── controllers │ ├── Auth.js │ ├── Category.js │ ├── Course.js │ ├── Payments.js │ ├── Profile.js │ ├── RatingAndReview.js │ ├── ResetPassword.js │ ├── Section.js │ └── Subsection.js │ ├── index.js │ ├── mail │ └── templates │ │ ├── courseEnrollmentEmail.js │ │ ├── emailVerificationTemplate.js │ │ └── passwordUpdate.js │ ├── middleware │ └── auth.js │ ├── models │ ├── Category.js │ ├── Course.js │ ├── CourseProgress.js │ ├── OTP.js │ ├── Profile.js │ ├── RatingAndReview.js │ ├── Section.js │ ├── SubSection.js │ └── User.js │ ├── package.json │ ├── routes │ ├── Course.js │ ├── Payments.js │ ├── Profile.js │ └── User.js │ └── utils │ ├── imageUploader.js │ ├── mailSender.js │ └── secToDuration.js ├── LICENSE └── README.md /001 HTML/DOUBT CLASS 1 HTML/lakshayhw1.css: -------------------------------------------------------------------------------- 1 | table,tr, th, td{ 2 | text-align: center; 3 | border: 1px solid black; 4 | border-collapse: collapse; 5 | } -------------------------------------------------------------------------------- /001 HTML/HTML HW/Linus_Bhaya.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/001 HTML/HTML HW/Linus_Bhaya.jpeg -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

Heading 1

7 |

Heading 2

8 |

Heading 3

9 |

Heading 4

10 |
Heading 5
11 | 12 | 13 | 14 |

This is a Paragraph

15 |

This is second Paragraph

16 |
17 |

This is third Paragraph

18 | 19 |
Heading 6
20 | 21 |
This is a DIV tag
22 | 23 | 24 | -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL1/learn.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Babbar 7 | 8 | 9 |

Kuch to Log Kahenge

10 | 11 | -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL1/list.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |

Grocery Items:

7 |
    8 |
  1. Chini
    2. 9 |
  2. Peanut Butter
    3. 10 |
  3. SugarFree
    4. 11 |
12 | 13 |

2nd Grocery List:

14 | 19 | 20 | TofuPicture 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL1/mango.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | 11 | 12 | 13 |
Kya Haal Hai
14 | Jeewan ka Antim Satya 15 | 16 | 17 | -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL1/tofuLelo.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/001 HTML/HTML LEVEL1/tofuLelo.jpeg -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL2/tagPractice/paneer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/001 HTML/HTML LEVEL2/tagPractice/paneer.jpg -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL4/link.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

This is it.

11 | 12 | click here 13 | 14 | call me 15 | 16 | mail me 17 | 18 | 19 | -------------------------------------------------------------------------------- /001 HTML/HTML LEVEL4/tagPractice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | click here 11 | Call me 12 | Mail Me 13 | 14 | -------------------------------------------------------------------------------- /002 CSS/Day 1/Product Card1/cardimg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 1/Product Card1/cardimg.jpg -------------------------------------------------------------------------------- /002 CSS/Day 2/2D Transform/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Transform 8 | 9 | 10 | 11 |
12 | ABCD 13 |
14 | 15 | -------------------------------------------------------------------------------- /002 CSS/Day 2/3D Transform/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 3-D Transform 8 | 9 | 10 | 11 |
static
12 |
translated
13 |
translated
14 |
scaled
15 | 16 | -------------------------------------------------------------------------------- /002 CSS/Day 2/3D Transform/style.css: -------------------------------------------------------------------------------- 1 | /* CSS 3D-transforms 2 | Same operations can be performed w.r.t 3D as we discussed in 2D 3 | */ 4 | 5 | div { 6 | width: 100px; 7 | height: 100px; 8 | background-color: aqua; 9 | border: 1px solid black; 10 | } 11 | 12 | .translated1 { 13 | transform: perspective(10px) translateZ(-10px); 14 | } 15 | 16 | .translated2 { 17 | margin: 50px; 18 | transform: perspective(100px) translateZ(50px); 19 | } 20 | 21 | /* We need to turn on perspective while scaling in z-axis to maintaining the illusion of depth in the scene. 22 | On the other hand, rotation in 3D doesn't require to turn on perspective because rotating in z-axis simply changes the orientation of object. 23 | */ 24 | .scaled { 25 | margin: 250px; 26 | transform: rotateZ(30deg); 27 | /* transform: perspective(350px) scaleZ(5) rotateX(30deg) rotateY(30deg); */ 28 | } -------------------------------------------------------------------------------- /002 CSS/Day 2/gradient/gradient.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Gradient 8 | 9 | 10 | 11 | 12 |
13 | This is a DIV element 14 |
15 | 16 |
17 | This is a mydiv element 18 |
19 | 20 |
21 | This is a mDiv element 22 |
23 | 24 |
25 | This is a pDiv element 26 |
27 | 28 |
29 | This is a last div element 30 |
31 | 32 | 33 | -------------------------------------------------------------------------------- /002 CSS/Day 2/position/practice/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hello 8 | 9 | 10 | 11 | 12 | img missing 13 |

HELLO EVERYONE

14 |

HELLO EVERYONE

15 |

HELLO EVERYONE

16 |

HELLO EVERYONE

17 |

HELLO EVERYONE

18 | 19 | 20 | -------------------------------------------------------------------------------- /002 CSS/Day 2/position/practice/windows-11-landscape-scenery-sunset-stock-night-5120x2880-5670.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 2/position/practice/windows-11-landscape-scenery-sunset-stock-night-5120x2880-5670.jpg -------------------------------------------------------------------------------- /002 CSS/Day 2/shadows/shadow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Shadows 8 | 9 | 10 | 11 |

This is my Heading

12 |
13 | This is for Box Shadow 14 |
15 | 16 |
17 | This is a box with a red border created using box-shadow property. 18 |
19 | 20 |
21 | For the spread property 22 |
23 | 24 | -------------------------------------------------------------------------------- /002 CSS/Day 3/FlexBox/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flex Box 8 | 9 | 10 | 11 |
12 |

box1

13 |

box2

14 |

box3

15 |

box4

16 |
17 | 18 |
19 | 20 |
box-10
21 |
box-20
22 |
box-30
23 |
box-40
24 |
25 | 26 | -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/background.png -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/favicon.ico -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/foreground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/foreground.png -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-1.jpg -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-2.jpg -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 4 - PARALLEX/Parallex Effect/assets/sport-3.jpg -------------------------------------------------------------------------------- /002 CSS/Day 4 - PARALLEX/grid/layout1/layout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | LAYOUT-1 USING GRID 8 | 9 | 10 | 11 | 12 |
13 |
box-1
14 |
box-2
15 |
box-3
16 |
box-4
17 |
box-5
18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/icons8-photo-gallery-67.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/icons8-photo-gallery-67.png -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image1.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image10.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image11.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image12.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image12.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image13.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image2.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image3.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image4.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image5.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image6.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image7.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image8.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/My Gallery/assets/image9.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/My Gallery/assets/image9.jpeg -------------------------------------------------------------------------------- /002 CSS/Day 5/Product Card2/assets/icon-cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/Product Card2/assets/icon-cart.png -------------------------------------------------------------------------------- /002 CSS/Day 5/Product Card2/assets/mug-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/Product Card2/assets/mug-mobile.jpg -------------------------------------------------------------------------------- /002 CSS/Day 5/Product Card2/assets/mug.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/002 CSS/Day 5/Product Card2/assets/mug.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/advanceGrid/grid.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | height: 700px; 3 | border: 1px solid red; 4 | background-color: yellow; 5 | 6 | display: grid; 7 | grid-gap: 10px; 8 | 9 | grid-template-rows: repeat(2,1fr); 10 | 11 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/blogWebsite/blog.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | border: 1px solid black; 3 | background-color: yellow; 4 | height: 700px; 5 | width: 504px; 6 | display: grid; 7 | grid-template-rows: 30px 1fr 30px; 8 | grid-template-columns: 100px 400px; 9 | 10 | grid-gap: 4px; 11 | grid-template-areas: 12 | "hd hd" 13 | "side main" 14 | "ft ft"; 15 | } 16 | 17 | .box{ 18 | border: 1px solid red; 19 | background-color: aqua; 20 | } 21 | 22 | #header{ 23 | grid-area: hd; 24 | } 25 | 26 | #sidebar{ 27 | grid-area: side; 28 | 29 | } 30 | 31 | #footer{ 32 | grid-area: ft; 33 | } 34 | 35 | #conter{ 36 | grid-area: main; 37 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/blogWebsite/blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | BLOG WEBSITE 8 | 9 | 10 | 11 |
12 | 15 | 16 | 17 |
CONTENT
18 | 19 |
20 | 21 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/blogWebsite/post.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | border: 1px solid black; 3 | background-color: yellow; 4 | height: 700px; 5 | width: 504px; 6 | display: grid; 7 | grid-template-rows: 30px 1fr 1fr 30px; 8 | grid-template-columns: 1fr; 9 | 10 | grid-gap: 4px; 11 | grid-template-areas: 12 | "hd" 13 | "main" 14 | "side" 15 | "ft"; 16 | } 17 | 18 | .box{ 19 | border: 1px solid red; 20 | background-color: aqua; 21 | } 22 | 23 | #header{ 24 | grid-area: hd; 25 | } 26 | 27 | #sidebar{ 28 | grid-area: side; 29 | 30 | } 31 | 32 | #footer{ 33 | grid-area: ft; 34 | } 35 | 36 | #conter{ 37 | grid-area: main; 38 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/blogWebsite/post.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | POST 8 | 9 | 10 | 11 |
12 | 13 | 14 |
CONTENT
15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/class1.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | height: 700px; 3 | border: 1px solid red; 4 | background-color: yellow; 5 | 6 | display: grid; 7 | 8 | grid-template-rows: repeat(4, 1fr); 9 | grid-template-columns: repeat(3, 1fr); 10 | grid-gap: 10px; 11 | } 12 | 13 | .box{ 14 | border: 1px solid green; 15 | background-color: aqua; 16 | /* height: 100px; 17 | width: 100px; */ 18 | 19 | grid-template-areas: ; 20 | "hd 21 | 22 | } 23 | 24 | #box1{ 25 | /* grid-column-start: 1; 26 | grid-column-end: 4; 27 | 28 | grid-row-start: 1; 29 | grid-row-end: 3; */ 30 | 31 | grid-area: 1/1/3/4; 32 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/class1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | GRIDS 8 | 9 | 10 | 11 |
12 |
box1
13 |
box2
14 |
box3
15 |
box4
16 |
box5
17 |
box6
18 |
box7
19 |
box8
20 |
box9
21 |
box10
22 |
box11
23 |
box12
24 |
25 | 26 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/mediaQueries/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | POST 8 | 9 | 10 | 11 |
12 | 13 | 14 |
CONTENT
15 | 16 |
17 | 18 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/properties/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 |
box1
12 |
box2
13 |
box3
14 |
box4
15 |
box5
16 |
box6
17 |
18 | 19 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 1/template area/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | GRID TEMPLATE AREA 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 |
Content
17 | 18 | 19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/ANIMATIONS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Transition 8 | 9 | 10 | 11 |
12 |
Box
13 | 14 |
15 | 16 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/BUTTONS/Glow Effect Button/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hover Glow Effect 8 | 9 | 10 | 11 |
12 | 13 |
14 | HOVER ME, THEN CLICK ME! 15 |
16 |
17 | 18 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/BUTTONS/Hire me Button/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Modern Button 8 | 9 | 10 | 11 |
12 |
Hire me
13 |
14 | 15 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/TRANSITION/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Transition 8 | 9 | 10 | 11 |
12 |
main ek box hu
13 |
14 | 15 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/TRANSITION/style.css: -------------------------------------------------------------------------------- 1 | .container{ 2 | height: 500px; 3 | width: 500px; 4 | background-color: green; 5 | border: 3px solid red; 6 | display: flex; 7 | } 8 | 9 | .box{ 10 | height: 150px; 11 | width: 150px; 12 | margin: 20px; 13 | border: 2px solid orange; 14 | background-color: aqua; 15 | 16 | /* transition: 2s; */ 17 | 18 | /* transition-property: ; 19 | transition-delay: 5s; */ 20 | 21 | transition: ; 22 | transition-property: transform; 23 | transition-duration: 1s; 24 | transition-timing-function: ease; 25 | 26 | 27 | transition: 1s; 28 | } 29 | 30 | .box:hover{ 31 | background-color: brown; 32 | transform: scale(2) translateX(f); 33 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
Box1
13 |
Box2
14 |
Box3
15 |
Box4
16 |
17 | 18 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 2/style.css: -------------------------------------------------------------------------------- 1 | :root{ 2 | --dark-red:#981a2c; 3 | } 4 | 5 | .container{ 6 | border: 1px solid brown; 7 | background-color: red; 8 | height: 300px; 9 | width: 300px; 10 | background-color: var(--dark-red); 11 | } 12 | 13 | .box{ 14 | border: 2px solid green; 15 | background-color: aqua; 16 | --dark-red: #981a2c; 17 | color: var(--dark-red); 18 | } -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/Read.md: -------------------------------------------------------------------------------- 1 | Welcome to this website! 2 | This platform was created with the sole purpose of practicing the concepts learned in HTML, CSS, and animation. 3 | 4 | From the colors and fonts to the carefully crafted animations, each element was meticulously designed to showcase the skills acquired through practice and experimentation. 5 | 6 | Whether you are a beginner or an experienced developer, this website is a celebration of the endless possibilities that arise when we immerse ourselves in the exciting world of web development. 7 | 8 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project1.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project2.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project3.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/projects/Project4.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/CSS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/CSS.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/ChartJs.svg: -------------------------------------------------------------------------------- 1 | Artboard 6 -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/Express.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/Express.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/HTML.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/HTML.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/MaterialUI.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/NextJsCircle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/NextJsCircle.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/React.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/React.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/Tailwind.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/stack/Tailwind.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/NavLogo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/NavLogo.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/blob vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/blob vector.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/circle.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/cube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/cube.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/dots.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/dots.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/plus.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/user.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/userImage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/userImage.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/zigzags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 3_4_5/portfolio-website/userAsset/zigzags.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair1.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair2.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair3.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair4.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair5.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/chair6.png -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color1.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color2.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color3.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color4.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color5.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/color6.jpg -------------------------------------------------------------------------------- /003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/003 ANIMATION & RESPONSIVENESS/DAY 6/MODERN CHAIR/Images/favicon.ico -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-500.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-500.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-500.woff2 -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-600.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-600.woff2 -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-700.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto-Nord/Ginto-Nord-700.woff2 -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-300-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-300-italic.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-300.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-400-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-400-italic.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-400.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-500-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-500-italic.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-500.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-500.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-600-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-600-italic.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-600.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-700-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-700-italic.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Ginto/Ginto-700.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-300.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-400.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-400.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-500.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-500.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-600.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/Whitney/Whitney-700.woff -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Bold.ttf -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Medium.ttf -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Normal.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Normal.ttf -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/fonts/gg-sans/ggsans-Semibold.ttf -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/Discord Clone/images/favicon.ico -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "start": "vite" 4 | }, 5 | "devDependencies": { 6 | "autoprefixer": "^10.4.13", 7 | "postcss": "^8.4.21", 8 | "tailwindcss": "^3.2.4", 9 | "vite": "^4.1.1" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /004 TAILWIND/Discord Clone/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["*"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | fontFamily:{ 9 | Whitney:["Whitney"], 10 | Ginto:["Ginto"], 11 | ggSans:["ggSans"], 12 | }, 13 | } 14 | -------------------------------------------------------------------------------- /004 TAILWIND/basic-setup/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | TailWind Intro 10 | 11 | 12 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /004 TAILWIND/basic-setup/main.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; -------------------------------------------------------------------------------- /004 TAILWIND/basic-setup/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "start": "vite" 4 | }, 5 | "devDependencies": { 6 | "autoprefixer": "^10.4.13", 7 | "postcss": "^8.4.21", 8 | "tailwindcss": "^3.2.4", 9 | "vite": "^4.0.4" 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /004 TAILWIND/basic-setup/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /004 TAILWIND/basic-setup/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["*"], 4 | theme: { 5 | extend: { 6 | fontFamily: { 7 | mullish: ["Mulish", "sans-serif"], 8 | }, 9 | colors: { 10 | deepBlue: "#02042a", 11 | lightBlue: "#2b84ea", 12 | lightBlue300: "#4b94ed", 13 | lightBlue500: "#0b72e7", 14 | greenLight: "#61cea6", 15 | grayText: "#818597", 16 | lightGray: "#e2e2e2", 17 | grayBlue: "#344a6c", 18 | deepBlueHead: "#162f56", 19 | gray2: "#525a76", 20 | }, 21 | }, 22 | }, 23 | plugins: [], 24 | } 25 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/Xicon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/buisness-banking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/buisness-banking.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/capital-credit-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/check.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/comanies.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/comanies.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/core-features-sectionBg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/facebook-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/fake-company-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/fake-company-logo.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/favicon.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/feature-section-2BG.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/feature-section1-dottedrows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/feature-section1-dottedrows.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/features-wave.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/features2-wave.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/footer-certificate-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/footer-certificate-1.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/footer-certificate-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/footer-certificate-2.jpg -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/github-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/hero-illustration.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/hero-illustration.jpg -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/hero-shape.svg: -------------------------------------------------------------------------------- 1 | 8 | 12 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/instant-settlement-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/instantsettlement-bg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/linkedin-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/magic-checkout-bg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/payment-button-bg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/payment-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/payment-suite.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/payouts-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/quotes.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/testimonial.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/testimonial.jpg -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/twitter-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/upi-autopay-bg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/x-flame-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/x-flame-1.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/images/x-flame-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/004 TAILWIND/razorpayClone/images/x-flame-2.png -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "start": "vite" 4 | }, 5 | "devDependencies": { 6 | "autoprefixer": "^10.4.13", 7 | "postcss": "^8.4.21", 8 | "tailwindcss": "^3.2.4", 9 | "vite": "^4.0.4" 10 | }, 11 | "dependencies": { 12 | "feather": "^0.0.5" 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/style.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /004 TAILWIND/razorpayClone/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["*"], 4 | theme: { 5 | extend: { 6 | fontFamily: { 7 | mullish: ["Mulish", "sans-serif"], 8 | }, 9 | colors: { 10 | deepBlue: "#02042a", 11 | lightBlue: "#2b84ea", 12 | lightBlue300: "#4b94ed", 13 | lightBlue500: "#0b72e7", 14 | greenLight: "#61cea6", 15 | grayText: "#818597", 16 | lightGray: "#e2e2e2", 17 | grayBlue: "#344a6c", 18 | deepBlueHead: "#162f56", 19 | gray2: "#525a76", 20 | }, 21 | }, 22 | }, 23 | plugins: [], 24 | } 25 | -------------------------------------------------------------------------------- /005 JS/JS_Basics2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |

13 | Consider Taking a look at .js file 14 |

15 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /005 JS/JS_Basics3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |

14 | Hello Jee 15 |
16 | Consider Taking a look at .js file 17 |

18 | 19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /005 JS/JS_Basics4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | Hello jee 12 | 13 | 14 | -------------------------------------------------------------------------------- /005 JS/JS_Basics_1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 | 14 |

15 | Hello Jee 16 |
17 | Consider Taking a look at .js file 18 |

19 | 20 |
21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |

14 | Hello Jee 15 |
16 | Consider Taking a look at .js file 17 |

18 | 19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 | 14 |

15 | Hello Jee 16 |
17 | Consider Taking a look at .js file 18 |

19 | 20 |
21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |

14 | Hello Jee 15 |
16 | Consider Taking a look at .js file 17 |

18 | 19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Counter App Mini Project/index.js: -------------------------------------------------------------------------------- 1 | const countValue = document.querySelector('#counter'); 2 | 3 | const increment = () => { 4 | //get the value from UI 5 | let value = parseInt(countValue.innerText); 6 | //update the value 7 | value = value + 1; 8 | //set the value onto UI 9 | countValue.innerText = value; 10 | }; 11 | 12 | const decrement = () => { 13 | //get the value from UI 14 | let value = parseInt(countValue.innerText); 15 | //update the value 16 | value = value - 1; 17 | //set the value onto UI 18 | countValue.innerText = value; 19 | }; -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Share Modal App/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Share Modal App/assets/favicon.ico -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Share Modal App/assets/profile-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Share Modal App/assets/profile-image.jpg -------------------------------------------------------------------------------- /006 JS DOM MANIPULATIOIN/DAY 5 (UNWRAP)/Share Modal App/script.js: -------------------------------------------------------------------------------- 1 | const modal = document.querySelector(".modal"); 2 | const overlay = document.querySelector(".overlay"); 3 | 4 | // Modal open function 5 | const openModal = () => { 6 | console.log("Modal is Open"); 7 | modal.classList.add("active"); 8 | overlay.classList.add("overlayactive"); 9 | }; 10 | 11 | // Modal close function 12 | const closeModal = () => { 13 | modal.classList.remove("active"); 14 | overlay.classList.remove("overlayactive"); 15 | }; -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_1_2_Password_Generator/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_1_2_Password_Generator/assets/favicon.ico -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |

Hello Jee

14 | 15 |

We'll take a look at API's Working

16 |

Prefer take a look at .js file

17 |
18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_3/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | h1 { 8 | color: brown; 9 | font-family: 'Courier New', Courier, monospace; 10 | } 11 | 12 | h2 { 13 | font-family: 'Courier New', Courier, monospace; 14 | 15 | } 16 | 17 | p { 18 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 19 | color: rgb(152, 27, 219); 20 | } 21 | 22 | div { 23 | display: flex; 24 | flex-direction: column; 25 | justify-content: center; 26 | text-align: center; 27 | min-height: 100vh; 28 | } -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/cloud.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/cloud.png -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/favicon.ico -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/humidity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/humidity.png -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/loading.gif -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/location.png -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/not-found.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/not-found.png -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/search.png -------------------------------------------------------------------------------- /007 MINI PROJECTS I/Day_4_5_Weather_App/assets/wind.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/007 MINI PROJECTS I/Day_4_5_Weather_App/assets/wind.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/android-chrome-192x192.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/android-chrome-512x512.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/apple-touch-icon.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/favicon-16x16.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/favicon-32x32.png -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Dev Detective/assets/favicon.ico -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/images/location-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/images/moon-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/images/search-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Dev Detective/assets/images/twitter-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 5 | -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Tic Tac Toe/assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Tic Tac Toe/assets/favicon.ico -------------------------------------------------------------------------------- /008 MINI PROJECTS II/Tic Tac Toe/assets/gradient-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/008 MINI PROJECTS II/Tic Tac Toe/assets/gradient-bg.jpg -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/plan-with-love-starter-pack/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/009 REACT BASICS/Day 3/plan-with-love-starter-pack/public/favicon.ico -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/plan-with-love-starter-pack/src/App.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from "react"; 2 | import data from "./data"; 3 | import Tours from "./components/Tours"; 4 | 5 | const App = () => { 6 | 7 | const [tours, setTours] = useState(data); 8 | 9 | function removeTour(id) { 10 | const newTours = tours.filter(tour => tour.id !== id); 11 | setTours(newTours); 12 | } 13 | 14 | if(tours.length === 0) { 15 | return ( 16 |
17 |

No Tours Left

18 | 21 |
22 | ); 23 | } 24 | 25 | return ( 26 |
27 | 28 |
29 | ) 30 | 31 | }; 32 | 33 | export default App; 34 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/plan-with-love-starter-pack/src/components/Tours.js: -------------------------------------------------------------------------------- 1 | import Card from "./Card" 2 | 3 | function Tours({tours, removeTour}) { 4 | return ( 5 |
6 |
7 |

Plan With Love

8 |
9 |
10 | { 11 | tours.map( (tour) => { 12 | return 13 | } ) 14 | } 15 |
16 |
17 | ); 18 | } 19 | 20 | export default Tours; -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/plan-with-love-starter-pack/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | 6 | const root = ReactDOM.createRoot(document.getElementById("root")); 7 | root.render( 8 | 9 | 10 | 11 | ); 12 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/public/counter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/public/counter.png -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Counter App 8 | 9 | 10 | 11 | 12 | 13 |
14 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/src/App.css: -------------------------------------------------------------------------------- 1 | /* write your css here */ 2 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import App from "./App"; 4 | import "./index.css"; 5 | 6 | const root = ReactDOM.createRoot(document.getElementById("root")); 7 | root.render( 8 | 9 | 10 | 11 | ); 12 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 3/react-tailwind-css-starter-pack-main/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./src/**/*.{js,jsx,ts,tsx}"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/009 REACT BASICS/Day 4/top-course-starter-pack/public/favicon.ico -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/009 REACT BASICS/Day 4/top-course-starter-pack/public/logo192.png -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/009 REACT BASICS/Day 4/top-course-starter-pack/public/logo512.png -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/components/Navbar.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Navbar = () => { 4 | return ( 5 |
6 | 9 |
10 | ) 11 | } 12 | 13 | export default Navbar -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/components/Spinner.css: -------------------------------------------------------------------------------- 1 | /* .spinner { 2 | width: 50px; 3 | height: 50px; 4 | border-radius: 50%; 5 | border: 8px solid #0000; 6 | border-right-color: #766DF497; 7 | position: relative; 8 | animation: s4 1s infinite linear; 9 | } 10 | .spinner:before, 11 | .spinner:after { 12 | content: ""; 13 | position: absolute; 14 | inset:-8px; 15 | border-radius: 50%; 16 | border:inherit; 17 | animation:inherit; 18 | animation-duration: 2s; 19 | } 20 | .spinner:after { 21 | animation-duration: 4s; 22 | } 23 | 24 | @keyframes s4 { 25 | 100% {transform: rotate(1turn)} 26 | } */ -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/components/Spinner.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import "./Spinner.css" 3 | 4 | const Spinner = () => { 5 | return ( 6 |
7 |
8 |

Loading....

9 |
10 | ) 11 | } 12 | 13 | export default Spinner -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/data.js: -------------------------------------------------------------------------------- 1 | export const filterData = [ 2 | { 3 | id: "1", 4 | title: "All", 5 | }, 6 | { 7 | id: "2", 8 | title: "Development", 9 | }, 10 | { 11 | id: "3", 12 | title: "Business", 13 | }, 14 | { 15 | id: "4", 16 | title: "Design", 17 | }, 18 | { 19 | id: "5", 20 | title: "Lifestyle", 21 | }, 22 | ]; 23 | 24 | export const apiUrl = "https://codehelp-apis.vercel.app/api/get-top-courses"; 25 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | .spinner { 6 | width: 56px; 7 | height: 56px; 8 | border-radius: 50%; 9 | background: conic-gradient(#0000 10%, #22223b); 10 | -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0); 11 | animation: spinner-zp9dbg 1s infinite linear; 12 | } 13 | 14 | @keyframes spinner-zp9dbg { 15 | to { 16 | transform: rotate(1turn); 17 | } 18 | } -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import "./index.css"; 4 | import App from "./App"; 5 | import { ToastContainer } from 'react-toastify'; 6 | import 'react-toastify/dist/ReactToastify.css'; 7 | 8 | const root = ReactDOM.createRoot(document.getElementById("root")); 9 | root.render( 10 |
11 | 12 | 13 |
14 | ); 15 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 4/top-course-starter-pack/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: ["./src/**/*.{js,jsx,ts,tsx}"], 4 | theme: { 5 | extend: { 6 | colors: { 7 | bgDark: "#22223b", 8 | bgDark2: "#4a4e69", 9 | }, 10 | }, 11 | }, 12 | plugins: [], 13 | }; 14 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 6/testimonial-slider-starter/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 6/testimonial-slider-starter/src/App.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import reviews from "./data" 3 | import Testimonial from "./components/Testimonials"; 4 | 5 | const App = () => { 6 | return ( 7 |
8 | 9 |
10 | 11 |

Our Testimonials

12 | 13 |
14 | 15 | 16 | 17 |
18 | 19 |
20 | ) 21 | }; 22 | 23 | export default App; 24 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 6/testimonial-slider-starter/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 6/testimonial-slider-starter/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | 6 | const root = ReactDOM.createRoot(document.getElementById('root')); 7 | root.render( ); 8 | 9 | -------------------------------------------------------------------------------- /009 REACT BASICS/Day 6/testimonial-slider-starter/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: [ 4 | "./src/**/*.{js,jsx,ts,tsx}", 5 | ], 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } 11 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/README.md: -------------------------------------------------------------------------------- 1 | # React Router Project Starter 2 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/favicon.ico -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/logo192.png -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/logo512.png -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/App.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | overflow-x: hidden; 8 | } -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/frame.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/frame.png -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/login.png -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/abhiXsliet/webDevelopment-Bootcamp/3e55fa856410ae44e717653aa736646db1c4fc02/010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/assets/signup.png -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/components/PrivateRoute.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Navigate } from 'react-router-dom'; 3 | 4 | const PrivateRoute = ({isLoggedIn, children}) => { 5 | if(isLoggedIn) { 6 | return children; 7 | }else { 8 | return 9 | } 10 | } 11 | 12 | export default PrivateRoute -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | import { Toaster } from "react-hot-toast"; 4 | import { BrowserRouter } from "react-router-dom"; 5 | import App from "./App"; 6 | 7 | const root = ReactDOM.createRoot(document.getElementById("root")); 8 | root.render( 9 | 10 | 11 | 12 | 13 | ); 14 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/pages/About.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const About = () => { 4 | 5 | return ( 6 |
7 | About 8 |
9 | ) 10 | } 11 | 12 | export default About -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/pages/Contact.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | const Contact = () => { 4 | 5 | return ( 6 |
7 | Contact 8 |
9 | ) 10 | } 11 | 12 | export default Contact -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/pages/Dashboard.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | function Dashboard() { 4 | return ( 5 |
6 | Welcome to StudyNotion!! 7 |
8 | ); 9 | } 10 | 11 | export default Dashboard; 12 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/pages/Home.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | function Home() { 4 | return ( 5 |
6 | Home 7 |
8 | ); 9 | } 10 | 11 | export default Home; 12 | -------------------------------------------------------------------------------- /010 REACT INTERMEDIATE/Day 3_4/router-project-starter/src/pages/Login.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Template from "../components/Template"; 3 | import loginImg from "../assets/login.png"; 4 | 5 | const Login = ({ setIsLoggedIn }) => { 6 | return ( 7 |