├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.yml │ ├── feature_request.yml │ ├── style_change.yml │ └── writing_submission.yml ├── pull_request_template.md └── workflows │ ├── autocomment-issue.yml │ ├── autocomment-pr-merge.yml │ ├── autocomment-pr-raise.yml │ ├── close-issue.yml │ ├── close-old-issue.yml │ └── close-old-pr.yml ├── .hintrc ├── .idea ├── .gitignore ├── learn.csedge.courses.iml ├── modules.xml └── vcs.xml ├── .idx └── dev.nix ├── CNAME ├── CODE_OF_CONDUCT.md ├── FRONTEND └── csedge │ ├── .gitignore │ ├── README.md │ ├── package-lock.json │ ├── package.json │ ├── postcss.config.js │ ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt │ ├── src │ ├── App.css │ ├── App.js │ ├── App.test.js │ ├── Pages │ │ ├── Contact.jsx │ │ └── Home.jsx │ ├── components │ │ ├── About.jsx │ │ ├── Footer.jsx │ │ ├── Hero.jsx │ │ ├── Navbar.jsx │ │ ├── Pricing.jsx │ │ └── Testimonial.jsx │ ├── index.css │ ├── index.js │ ├── logo.svg │ ├── reportWebVitals.js │ └── setupTests.js │ └── tailwind.config.js ├── Images ├── 404 Error Page.jpg ├── AICTE Logo.webp ├── ARTWORK.png ├── AWT-java.jpg ├── About us.svg ├── AboutImage.png ├── CSEDGE-LOGO32X32.png ├── CSEDGELOGO.png ├── Close.svg ├── Contact.png ├── Data Science PNG.svg ├── DatascienceLogo.png ├── Expand-less.svg ├── Expand-more.svg ├── Experienced mentors.svg ├── FAQ.png ├── Flexible Schedules.png ├── Full Stack PNG.png ├── HTMLLOGO.png ├── Hero image.jpeg ├── HomeImage.png ├── Industry-Relevent Projects.png ├── Internship Certificates.svg ├── JAVA PNG.png ├── JavaLogo.png ├── MSMELogo.png ├── Menu.svg ├── Networking Opportunities.png ├── Networking Opportunities.svg ├── Python Logo PNG.png ├── PythonLogo.png ├── Team Image.jpeg ├── UI Design.png ├── UIUXLogo.png ├── Verified GIF.gif ├── Web Development PNG.png ├── Whatsapp.png ├── White Close.svg ├── White Menu.svg ├── about-us.png ├── awt-java-hierarchy.png ├── bam.jpg ├── banner.jpg ├── banner.png └── banner2.png ├── LICENSE ├── Learn.md ├── ScrollToTop.js ├── Web Development ├── How-To-Create-AR-Website-With-3D-Object-Placement │ └── index.html ├── How-To-Create-Parallax-Website │ └── index.html ├── How-To-Create-a-Ecommerce-Webpage │ └── index.html ├── How-To-Create-user-info-based-Resume-Maker │ └── index.html ├── main.css └── styles.css ├── button.css ├── chatbox.css ├── chatbox.js ├── csedge.courses ├── .vscode │ └── settings.json ├── 404.html ├── CNAME ├── Images │ ├── 404 Error Page.jpg │ ├── AICTE Logo.webp │ ├── ARTWORK.png │ ├── About us.svg │ ├── AboutImage.png │ ├── CSEDGE-LOGO32X32.png │ ├── CSEDGELOGO.png │ ├── Close.svg │ ├── Contact.png │ ├── Data Science PNG.svg │ ├── DatascienceLogo.png │ ├── Expand-less.svg │ ├── Expand-more.svg │ ├── Experienced mentors.svg │ ├── FAQ.png │ ├── Flexible Schedules.png │ ├── Full Stack PNG.png │ ├── HTMLLOGO.png │ ├── Hero image.jpeg │ ├── HomeImage.png │ ├── Industry-Relevent Projects.png │ ├── Internship Certificates.svg │ ├── JAVA PNG.png │ ├── JavaLogo.png │ ├── MSMELogo.png │ ├── Menu.svg │ ├── Networking Opportunities.png │ ├── Networking Opportunities.svg │ ├── Python Logo PNG.png │ ├── PythonLogo.png │ ├── Team Image.jpeg │ ├── UI Design.png │ ├── UIUXLogo.png │ ├── Verified GIF.gif │ ├── Web Development PNG.png │ ├── Whatsapp.png │ ├── White Close.svg │ ├── White Menu.svg │ ├── about-us.png │ ├── c++.svg │ ├── css.svg │ ├── node.svg │ └── react.svg ├── Internships │ ├── Full-Stack-Development.html │ ├── Java.html │ ├── Web-Development.html │ ├── navbar.css │ ├── python.css │ ├── python.html │ └── script.js ├── README.md ├── Resources.html ├── ScrollToTop.js ├── about.html ├── ads.txt ├── chatbox.html ├── chatboxc.css ├── chatboxj.js ├── index.css ├── index.html ├── internship.html ├── navbar.css ├── privacypolicy.css ├── privacypolicy.html ├── sitemap.xml ├── up-arrow2.png ├── verification.css └── verify-id.html ├── css ├── main.css └── styles.css ├── data.json ├── form.css ├── formScript.js ├── home.css ├── home.html ├── images ├── about.png ├── banner.jpg ├── banner.png ├── banner2.png └── form.png ├── index.html ├── navbar.css ├── new └── web-developer.251x256.png ├── posts ├── Image Classification │ └── ImageClassificationWithTensorFLow.html ├── azure │ └── How-to-Create-an-Azure-Account.html ├── docker │ └── Getting-Started-with-Docker.html ├── github │ ├── Github-Pages │ ├── How-to-Apply-for-GitHub-Student-Developer-Pack.html │ ├── How-to-Make-Pull-Requests-on-GitHub.html │ ├── How-to-Use-Github │ ├── How-to-host-website-using-github-pages.html │ ├── How-to-setup-your-github-local-repository.html │ └── how-to-create-github-account.html ├── images │ ├── Beautiful Soup for web scraping.png │ ├── CloneRepo.png │ ├── Final-output.png │ ├── How-To-Create-AR-Website-With-3D-Object-Placement.png │ ├── How-To-Create-a-Ecommerce-Webpage.png │ ├── How-to-Host-Using-Vercel.png │ ├── How-to-create-user-info-based-Resume-maker.png │ ├── How-to-host-using-netlify.jpg │ ├── Image_Classification.png │ ├── Monitors.png │ ├── WebScrapingImage.png │ ├── api-return.png │ ├── chatbot.png │ ├── commit file.png │ ├── config.png │ ├── flowchart-chatbot.png │ ├── mongo-db-connection.png │ ├── mongodb-atlas-connection.png │ ├── mongodb-connection.png │ ├── posts.png │ ├── project-details.png │ ├── render-repo-info.png │ ├── render-service.png │ └── saveRepo.png ├── java │ ├── advanced-java-awt.html │ ├── baiscs-of-java-awt.html │ ├── hello-world-in-java.css │ ├── hello-world-in-java.html │ ├── how-to-install-jdk.html │ └── intermediate-java-awt.html ├── javascript │ ├── javascript-basics.css │ └── javascript-basics.html ├── linkedin │ └── creating-professional-linkedin-account.html ├── master-docker.html ├── master-github.html ├── powerBI │ ├── powerBI.html │ └── powerBI.png ├── python │ ├── Building-chatBot-with-NLTK.html │ ├── ExampleOfBuildingWebScrapingApplication.html │ └── WebScrapingWithBeautifulSoup.html ├── script.js ├── styles.css └── technology │ ├── How-to-Host-Using-vercel.html │ ├── How-to-build-rest-api-using-node-and-mongo-db.html │ ├── how-to-create-JSON-Server.html │ └── how-to-host-websites-using-netlify.html ├── powerBI.png ├── readme.md ├── sitemap.xml ├── up-arrow2.png └── vanilla-tilt.js /.github/ISSUE_TEMPLATE/bug_report.yml: -------------------------------------------------------------------------------- 1 | name: "🐞 Bug Report" 2 | description: "Create a report to help us improve" 3 | title: "BUG:" 4 | labels: ["Bug"] 5 | body: 6 | - type: checkboxes 7 | attributes: 8 | label: "Is there an existing issue for this?" 9 | description: "Please search to see if an issue already exists for the bug you encountered." 10 | options: 11 | - label: "I have searched the existing issues" 12 | required: true 13 | - type: textarea 14 | attributes: 15 | label: "What happened?" 16 | description: "A concise description of what you're experiencing." 17 | validations: 18 | required: true 19 | - type: checkboxes 20 | attributes: 21 | label: "Record" 22 | options: 23 | - label: "I agree to follow this project's Code of Conduct" 24 | required: true 25 | - label: "I'm a GSSOC'24 contributor" 26 | - label: "I want to work on this issue" 27 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | name: Feature Request 💡 2 | description: Have any new idea or new feature? Please suggest! 3 | title: "[Feature] " 4 | body: 5 | - type: textarea 6 | id: description 7 | attributes: 8 | label: Description 9 | description: A clear and concise description of any alternative solution or features you've considered. 10 | validations: 11 | required: true 12 | 13 | - type: textarea 14 | id: screenshots 15 | attributes: 16 | label: Screenshots 17 | description: Please add screenshots if applicable. 18 | validations: 19 | required: false 20 | 21 | - type: checkboxes 22 | id: no-duplicate-issues 23 | attributes: 24 | label: Checklist 25 | options: 26 | - label: I have checked the existing issues. 27 | required: true 28 | 29 | - label: I follow [Contributing Guidelines](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CODE_OF_CONDUCT.md) of this project. 30 | required: true 31 | 32 | - label: I am a GSSoC'24 contributor. 33 | required: false 34 | 35 | - label: I want to work on this issue. 36 | required: false 37 | 38 | - type: checkboxes 39 | id: terms 40 | attributes: 41 | label: Code of Conduct 42 | description: By submitting this issue, you agree to follow our "[Code of Conduct](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CODE_OF_CONDUCT.md)" 43 | options: 44 | - label: I agree to follow this project's "[Code of Conduct](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CODE_OF_CONDUCT.md)". 45 | required: true 46 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/style_change.yml: -------------------------------------------------------------------------------- 1 | name: Style Changing Request 👯‍♂️ 2 | description: Suggest a style design 3 | title: '[Style]' 4 | body: 5 | - type: markdown 6 | attributes: 7 | value: | 8 | Thanks for taking the time to fill out this template! 9 | - type: textarea 10 | id: style-idea 11 | attributes: 12 | label: What's the style idea? 13 | placeholder: Add descriptions 14 | value: 'We need to improve' 15 | 16 | - type: checkboxes 17 | id: no-duplicate-issues 18 | attributes: 19 | label: "Checklist" 20 | options: 21 | - label: "I have checked the existing issues." 22 | required: true 23 | 24 | - label: "I follow [Contributing Guidelines](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/.github/CONTRIBUTING.md) of this project." 25 | required: true 26 | 27 | - label: "I am a GSSoC'24 contributor." 28 | required: true 29 | 30 | - type: checkboxes 31 | id: terms 32 | attributes: 33 | label: Code of Conduct 34 | description: By submitting this issue, you agree to follow our "[Code of Conduct](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CODE_OF_CONDUCT.md)" 35 | options: 36 | - label: I agree to follow this project's "[Code of Conduct](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CODE_OF_CONDUCT.md)". 37 | required: true 38 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/writing_submission.yml: -------------------------------------------------------------------------------- 1 | name: Technical Writing Submission ✍️ 2 | description: Want to share your technical knowledge? Submit your article here! 3 | title: '[Topic] ' 4 | labels: '' 5 | assignees: '' 6 | 7 | body: 8 | - type: paragraph 9 | content: | 10 | #### Summary 11 | 12 | **A brief overview of the topic and the key points covered in the article.** 13 | 14 | - type: textarea 15 | name: | 16 | summary 17 | id: summary 18 | label: Summary 19 | validationMessage: Please provide a summary of the article. 20 | required: true 21 | 22 | - type: paragraph 23 | content: | 24 | #### Body 25 | 26 | **The full text of the article, divided into sections for easier reading.** 27 | 28 | - type: textarea 29 | name: | 30 | body 31 | id: body 32 | label: Body 33 | validationMessage: Please provide the full text of the article. 34 | required: true 35 | 36 | - type: paragraph 37 | content: | 38 | #### References 39 | 40 | **A list of sources consulted while writing the article.** 41 | 42 | - type: textarea 43 | name: | 44 | references 45 | id: references 46 | label: References 47 | validationMessage: Please provide a list of references. 48 | required: false 49 | 50 | - type: paragraph 51 | content: | 52 | #### Supplementary Material 53 | 54 | **Any additional images, graphs, or code snippets related to the article.** 55 | 56 | - type: textarea 57 | name: | 58 | supplementary_material 59 | id: supplementary_material 60 | label: Supplementary Material 61 | validationMessage: Please provide any additional material. 62 | required: false 63 | 64 | - type: checkboxes 65 | name: | 66 | agreement 67 | id: agreement 68 | label: Agreement 69 | options: 70 | - label: I confirm that I wrote the article myself and hold the rights to publish it. 71 | name: confirmation 72 | required: true 73 | 74 | - label: I permit CSEdge Learn to publish the article on its website and social media platforms. 75 | name: publication 76 | required: true 77 | 78 | - label: I acknowledge that the editorial team reserves the right to make minor edits for clarity and consistency. 79 | name: editing 80 | required: true 81 | 82 | - label: I have reviewed the "[Contributing Guidelines](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/CONTRIBUTING.md)" of this project. 83 | name: contributing_guidelines 84 | required: true 85 | 86 | - label: I am a GSSoC'24 contributor. 87 | name: gsoc_contributor 88 | required: false 89 | 90 | required: 91 | - summary 92 | - body 93 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | ## Related Issue 2 | [Cite any related issue(s) this pull request addresses. If none, simply state "None”] 3 | 4 | ## Description 5 | [Please include a brief description of the changes or features added] 6 | 7 | ## Type of PR 8 | 9 | - [ ] Bug fix 10 | - [ ] Feature enhancement 11 | - [ ] Documentation update 12 | - [ ] Other (specify): _______________ 13 | 14 | ## Screenshots / videos (if applicable) 15 | [Attach any relevant screenshots or videos demonstrating the changes] 16 | 17 | ## Checklist: 18 | - [ ] I have performed a self-review of my code 19 | - [ ] I have read and followed the Contribution Guidelines. 20 | - [ ] I have tested the changes thoroughly before submitting this pull request. 21 | - [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes. 22 | - [ ] I have commented my code, particularly in hard-to-understand areas. 23 | 24 | 25 | ## Additional context: 26 | [Include any additional information or context that might be helpful for reviewers.] 27 | -------------------------------------------------------------------------------- /.github/workflows/autocomment-issue.yml: -------------------------------------------------------------------------------- 1 | name: Auto Comment on Issue 2 | 3 | on: 4 | issues: 5 | types: [opened] 6 | 7 | permissions: 8 | issues: write 9 | 10 | jobs: 11 | comment: 12 | runs-on: ubuntu-latest 13 | permissions: 14 | issues: write 15 | steps: 16 | - name: Add Comment to Issue 17 | run: | 18 | COMMENT=$(cat < comment.user.login === owner); 33 | const recentOwnerComment = ownerComments.find(comment => new Date(comment.created_at) > thresholdDate); 34 | 35 | if (!recentOwnerComment) { 36 | await octokit.pulls.update({ owner, repo, pull_number: pr.number, state: 'closed' }); 37 | await octokit.issues.createComment({ 38 | owner, 39 | repo, 40 | issue_number: pr.number, 41 | body: "This pull request has been closed because there has been no comment from the repository owner for the last 30 days. Please reach out to the maintainers if you have any questions." 42 | }); 43 | } 44 | } 45 | } 46 | 47 | run().catch(err => { 48 | console.error(err); 49 | process.exit(1); 50 | }); 51 | 52 | env: 53 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 54 | -------------------------------------------------------------------------------- /.hintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "development" 4 | ], 5 | "hints": { 6 | "axe/name-role-value": [ 7 | "default", 8 | { 9 | "link-name": "off" 10 | } 11 | ], 12 | "disown-opener": "off" 13 | }, 14 | "browserslist": [ 15 | "defaults", 16 | "not ie 11", 17 | "not and_ff <= 123", 18 | "not firefox <= 123" 19 | ] 20 | } -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Editor-based HTTP Client requests 5 | /httpRequests/ 6 | -------------------------------------------------------------------------------- /.idea/learn.csedge.courses.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idx/dev.nix: -------------------------------------------------------------------------------- 1 | # To learn more about how to use Nix to configure your environment 2 | # see: https://developers.google.com/idx/guides/customize-idx-env 3 | { pkgs, ... }: { 4 | # Which nixpkgs channel to use. 5 | channel = "stable-23.11"; # or "unstable" 6 | 7 | # Use https://search.nixos.org/packages to find packages 8 | packages = [ 9 | # pkgs.go 10 | # pkgs.python311 11 | # pkgs.python311Packages.pip 12 | # pkgs.nodejs_20 13 | # pkgs.nodePackages.nodemon 14 | ]; 15 | 16 | # Sets environment variables in the workspace 17 | env = {}; 18 | idx = { 19 | # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id" 20 | extensions = [ 21 | # "vscodevim.vim" 22 | ]; 23 | 24 | # Enable previews 25 | previews = { 26 | enable = true; 27 | previews = { 28 | # web = { 29 | # # Example: run "npm run dev" with PORT set to IDX's defined port for previews, 30 | # # and show it in IDX's web preview panel 31 | # command = ["npm" "run" "dev"]; 32 | # manager = "web"; 33 | # env = { 34 | # # Environment variables to set for your server 35 | # PORT = "$PORT"; 36 | # }; 37 | # }; 38 | }; 39 | }; 40 | 41 | # Workspace lifecycle hooks 42 | workspace = { 43 | # Runs when a workspace is first created 44 | onCreate = { 45 | # Example: install JS dependencies from NPM 46 | # npm-install = 'npm install'; 47 | }; 48 | onStart = { 49 | # Example: start a background task to watch and re-build backend code 50 | # watch-backend = "npm run watch-backend"; 51 | }; 52 | }; 53 | }; 54 | } 55 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | learn.csedge.courses -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity 10 | and orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | * Demonstrating empathy and kindness toward other people 21 | * Being respectful of differing opinions, viewpoints, and experiences 22 | * Giving and gracefully accepting constructive feedback 23 | * Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | * Focusing on what is best not just for us as individuals, but for the 26 | overall community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | * The use of sexualized language or imagery, and sexual attention or 31 | advances of any kind 32 | * Trolling, insulting or derogatory comments, and personal or political attacks 33 | * Public or private harassment 34 | * Publishing others' private information, such as a physical or email 35 | address, without their explicit permission 36 | * Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | Examples of representing our community include using an official e-mail address, 56 | posting via an official social media account, or acting as an appointed 57 | representative at an online or offline event. 58 | 59 | ## Enforcement 60 | 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 62 | reported to the community leaders responsible for enforcement at 63 | internship@csedge.courses. 64 | All complaints will be reviewed and investigated promptly and fairly. 65 | 66 | All community leaders are obligated to respect the privacy and security of the 67 | reporter of any incident. 68 | 69 | ## Enforcement Guidelines 70 | 71 | Community leaders will follow these Community Impact Guidelines in determining 72 | the consequences for any action they deem in violation of this Code of Conduct: 73 | 74 | ### 1. Correction 75 | 76 | **Community Impact**: Use of inappropriate language or other behavior deemed 77 | unprofessional or unwelcome in the community. 78 | 79 | **Consequence**: A private, written warning from community leaders, providing 80 | clarity around the nature of the violation and an explanation of why the 81 | behavior was inappropriate. A public apology may be requested. 82 | 83 | ### 2. Warning 84 | 85 | **Community Impact**: A violation through a single incident or series 86 | of actions. 87 | 88 | **Consequence**: A warning with consequences for continued behavior. No 89 | interaction with the people involved, including unsolicited interaction with 90 | those enforcing the Code of Conduct, for a specified period of time. This 91 | includes avoiding interactions in community spaces as well as external channels 92 | like social media. Violating these terms may lead to a temporary or 93 | permanent ban. 94 | 95 | ### 3. Temporary Ban 96 | 97 | **Community Impact**: A serious violation of community standards, including 98 | sustained inappropriate behavior. 99 | 100 | **Consequence**: A temporary ban from any sort of interaction or public 101 | communication with the community for a specified period of time. No public or 102 | private interaction with the people involved, including unsolicited interaction 103 | with those enforcing the Code of Conduct, is allowed during this period. 104 | Violating these terms may lead to a permanent ban. 105 | 106 | ### 4. Permanent Ban 107 | 108 | **Community Impact**: Demonstrating a pattern of violation of community 109 | standards, including sustained inappropriate behavior, harassment of an 110 | individual, or aggression toward or disparagement of classes of individuals. 111 | 112 | **Consequence**: A permanent ban from any sort of public interaction within 113 | the community. 114 | 115 | ## Attribution 116 | 117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], 118 | version 2.0, available at 119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html. 120 | 121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct 122 | enforcement ladder](https://github.com/mozilla/diversity). 123 | 124 | [homepage]: https://www.contributor-covenant.org 125 | 126 | For answers to common questions about this code of conduct, see the FAQ at 127 | https://www.contributor-covenant.org/faq. Translations are available at 128 | https://www.contributor-covenant.org/translations. 129 | -------------------------------------------------------------------------------- /FRONTEND/csedge/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | .vercel 25 | -------------------------------------------------------------------------------- /FRONTEND/csedge/README.md: -------------------------------------------------------------------------------- 1 | # Getting Started with Create React App 2 | 3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). 4 | 5 | ## Available Scripts 6 | 7 | In the project directory, you can run: 8 | 9 | ### `npm start` 10 | 11 | Runs the app in the development mode.\ 12 | Open [http://localhost:3000](http://localhost:3000) to view it in your browser. 13 | 14 | The page will reload when you make changes.\ 15 | You may also see any lint errors in the console. 16 | 17 | ### `npm test` 18 | 19 | Launches the test runner in the interactive watch mode.\ 20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. 21 | 22 | ### `npm run build` 23 | 24 | Builds the app for production to the `build` folder.\ 25 | It correctly bundles React in production mode and optimizes the build for the best performance. 26 | 27 | The build is minified and the filenames include the hashes.\ 28 | Your app is ready to be deployed! 29 | 30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 31 | 32 | ### `npm run eject` 33 | 34 | **Note: this is a one-way operation. Once you `eject`, you can't go back!** 35 | 36 | If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. 37 | 38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own. 39 | 40 | You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it. 41 | 42 | ## Learn More 43 | 44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 45 | 46 | To learn React, check out the [React documentation](https://reactjs.org/). 47 | 48 | ### Code Splitting 49 | 50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) 51 | 52 | ### Analyzing the Bundle Size 53 | 54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) 55 | 56 | ### Making a Progressive Web App 57 | 58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) 59 | 60 | ### Advanced Configuration 61 | 62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) 63 | 64 | ### Deployment 65 | 66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) 67 | 68 | ### `npm run build` fails to minify 69 | 70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) 71 | -------------------------------------------------------------------------------- /FRONTEND/csedge/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "csedge", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@fortawesome/free-brands-svg-icons": "^6.5.2", 7 | "@fortawesome/react-fontawesome": "^0.2.2", 8 | "@testing-library/jest-dom": "^5.17.0", 9 | "@testing-library/react": "^13.4.0", 10 | "@testing-library/user-event": "^13.5.0", 11 | "react": "^18.3.1", 12 | "react-dom": "^18.3.1", 13 | "react-router-dom": "^6.24.1", 14 | "react-scripts": "5.0.1", 15 | "vercel": "^34.3.1", 16 | "web-vitals": "^2.1.4" 17 | }, 18 | "scripts": { 19 | "start": "react-scripts start", 20 | "build": "react-scripts build", 21 | "test": "react-scripts test", 22 | "eject": "react-scripts eject" 23 | }, 24 | "eslintConfig": { 25 | "extends": [ 26 | "react-app", 27 | "react-app/jest" 28 | ] 29 | }, 30 | "browserslist": { 31 | "production": [ 32 | ">0.2%", 33 | "not dead", 34 | "not op_mini all" 35 | ], 36 | "development": [ 37 | "last 1 chrome version", 38 | "last 1 firefox version", 39 | "last 1 safari version" 40 | ] 41 | }, 42 | "devDependencies": { 43 | "autoprefixer": "^10.4.19", 44 | "postcss": "^8.4.39", 45 | "tailwindcss": "^3.4.4" 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /FRONTEND/csedge/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /FRONTEND/csedge/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/FRONTEND/csedge/public/favicon.ico -------------------------------------------------------------------------------- /FRONTEND/csedge/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 12 | 13 | 17 | 18 | 27 | React App 28 | 29 | 30 | 31 |
32 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /FRONTEND/csedge/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/FRONTEND/csedge/public/logo192.png -------------------------------------------------------------------------------- /FRONTEND/csedge/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/FRONTEND/csedge/public/logo512.png -------------------------------------------------------------------------------- /FRONTEND/csedge/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 | -------------------------------------------------------------------------------- /FRONTEND/csedge/public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /FRONTEND/csedge/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/FRONTEND/csedge/src/App.css -------------------------------------------------------------------------------- /FRONTEND/csedge/src/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {Route,Routes} from 'react-router-dom' 3 | import Home from './Pages/Home' 4 | import Contact from './Pages/Contact' 5 | 6 | const App = () => { 7 | return ( 8 | <> 9 | 10 | }> 11 | }> 12 | 13 | 14 | 15 | ) 16 | } 17 | 18 | export default App 19 | -------------------------------------------------------------------------------- /FRONTEND/csedge/src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /FRONTEND/csedge/src/Pages/Contact.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Navbar from '../components/Navbar'; 3 | import Footer from '../components/Footer'; 4 | 5 | const Contact = () => { 6 | return ( 7 | <> 8 | {/* */} 9 |
10 |
11 |

Contact Us

12 |

13 | Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know. 14 |

15 |
16 |
17 | 18 | 25 |
26 |
27 | 28 | 35 |
36 |
37 | 38 | 32 | send 33 |
34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /csedge.courses/chatboxc.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | font-family: "Poppins", sans-serif; 8 | } 9 | body { 10 | background: #E3F2FD; 11 | } 12 | .chatbot-toggler { 13 | position: fixed; 14 | bottom: 100px; 15 | right: 35px; 16 | outline: none; 17 | z-index: 2; 18 | border: none; 19 | height: 50px; 20 | width: 50px; 21 | display: flex; 22 | cursor: pointer; 23 | align-items: center; 24 | justify-content: center; 25 | border-radius: 50%; 26 | background: #333; 27 | transition: all 0.2s ease; 28 | } 29 | body.show-chatbot .chatbot-toggler { 30 | transform: rotate(90deg); 31 | } 32 | .chatbot-toggler span { 33 | color: #fff; 34 | position: absolute; 35 | } 36 | .chatbot-toggler span:last-child, 37 | body.show-chatbot .chatbot-toggler span:first-child { 38 | opacity: 0; 39 | } 40 | body.show-chatbot .chatbot-toggler span:last-child { 41 | opacity: 1; 42 | } 43 | .chatbot { 44 | position: fixed; 45 | right: 35px; 46 | bottom: 90px; 47 | width: 420px; 48 | background: #fff; 49 | border-radius: 15px; 50 | overflow: hidden; 51 | opacity: 0; 52 | pointer-events: none; 53 | transform: scale(0.5); 54 | transform-origin: bottom right; 55 | box-shadow: 0 0 128px 0 rgba(0,0,0,0.1), 56 | 0 32px 64px -48px rgba(0,0,0,0.5); 57 | transition: all 0.1s ease; 58 | } 59 | body.show-chatbot .chatbot { 60 | opacity: 1; 61 | pointer-events: auto; 62 | transform: scale(1); 63 | } 64 | .chatbot header { 65 | padding: 16px 0; 66 | position: relative; 67 | text-align: center; 68 | color: #fff; 69 | background: #333; 70 | box-shadow: 0 2px 10px rgba(0,0,0,0.1); 71 | } 72 | .chatbot header span { 73 | position: absolute; 74 | right: 15px; 75 | top: 50%; 76 | display: none; 77 | cursor: pointer; 78 | transform: translateY(-50%); 79 | } 80 | header h2 { 81 | font-size: 1.4rem; 82 | } 83 | .chatbot .chatbox { 84 | overflow-y: auto; 85 | height: 510px; 86 | padding: 30px 20px 100px; 87 | } 88 | .chatbot :where(.chatbox, textarea)::-webkit-scrollbar { 89 | width: 6px; 90 | } 91 | .chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track { 92 | background: #fff; 93 | border-radius: 25px; 94 | } 95 | .chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb { 96 | background: #ccc; 97 | border-radius: 25px; 98 | } 99 | .chatbox .chat { 100 | display: flex; 101 | list-style: none; 102 | } 103 | .chatbox .outgoing { 104 | margin: 20px 0; 105 | justify-content: flex-end; 106 | } 107 | .chatbox .incoming span { 108 | width: 32px; 109 | height: 32px; 110 | color: #fff; 111 | cursor: default; 112 | text-align: center; 113 | line-height: 32px; 114 | align-self: flex-end; 115 | background: #333; 116 | border-radius: 4px; 117 | margin: 0 10px 7px 0; 118 | } 119 | .chatbox .chat p { 120 | white-space: pre-wrap; 121 | padding: 12px 16px; 122 | border-radius: 10px 10px 0 10px; 123 | max-width: 75%; 124 | color: #fff; 125 | font-size: 0.95rem; 126 | background: #333; 127 | } 128 | .chatbox .incoming p { 129 | border-radius: 10px 10px 10px 0; 130 | } 131 | .chatbox .chat p.error { 132 | color: #721c24; 133 | background: #f8d7da; 134 | } 135 | .chatbox .incoming p { 136 | color: #000; 137 | background: #f2f2f2; 138 | } 139 | .chatbot .chat-input { 140 | display: flex; 141 | gap: 5px; 142 | position: absolute; 143 | bottom: 0; 144 | width: 100%; 145 | background: #fff; 146 | padding: 3px 20px; 147 | border-top: 1px solid #ddd; 148 | } 149 | .chat-input textarea { 150 | height: 55px; 151 | width: 100%; 152 | border: none; 153 | outline: none; 154 | resize: none; 155 | max-height: 180px; 156 | padding: 15px 15px 15px 0; 157 | font-size: 0.95rem; 158 | } 159 | .chat-input span { 160 | align-self: flex-end; 161 | color:#333; 162 | cursor: pointer; 163 | height: 55px; 164 | display: flex; 165 | align-items: center; 166 | visibility: hidden; 167 | font-size: 1.35rem; 168 | } 169 | .chat-input textarea:valid ~ span { 170 | visibility: visible; 171 | } 172 | .hero img{ 173 | z-index: -1; 174 | } 175 | 176 | @media (max-width: 490px) { 177 | .chatbot-toggler { 178 | right: 20px; 179 | bottom: 20px; 180 | z-index: 3; 181 | } 182 | .chatbot { 183 | right: 0; 184 | bottom: 0; 185 | height: 100%; 186 | border-radius: 0; 187 | width: 100%; 188 | z-index: 4; 189 | } 190 | .chatbot .chatbox { 191 | height: 90%; 192 | padding: 25px 15px 100px; 193 | } 194 | .chatbot .chat-input { 195 | padding: 5px 15px; 196 | } 197 | .chatbot header span { 198 | display: block; 199 | } 200 | } -------------------------------------------------------------------------------- /csedge.courses/chatboxj.js: -------------------------------------------------------------------------------- 1 | const chatbotToggler = document.querySelector(".chatbot-toggler"); 2 | const closeBtn = document.querySelector(".close-btn"); 3 | const chatbox = document.querySelector(".chatbox"); 4 | const chatInput = document.querySelector(".chat-input textarea"); 5 | const sendChatBtn = document.querySelector(".chat-input span"); 6 | 7 | let userMessage = null; // Variable to store user's message 8 | const API_KEY = "PASTE-YOUR-API-KEY"; // Paste your API key here 9 | const inputInitHeight = chatInput.scrollHeight; 10 | 11 | const predefinedAnswers = { 12 | "What is CSEdge?": "CSEdge is an online internship platform that provides students with the opportunity to gain practical experience in the field of software development. We offer a variety of internship programs designed to help students develop their skills and enhance their employability.", 13 | "What kind of internship programs does CSEdge offer?": "CSEdge offers a variety of internship programs focused on software development. Our programs are designed to provide practical experience and skill development in various areas of software engineering.", 14 | "Why should I choose CSEdge for my internship?": "CSEdge internships are designed to help students gain practical experience and develop their skills in software development. We are MSME registered and our programs are AICTE approved, ensuring top-notch quality and relevance.", 15 | "Are CSEdge internship programs AICTE approved?": "Yes, our internship programs are AICTE approved, ensuring top-notch quality and relevance.", 16 | "Is CSEdge MSME registered?": "Yes, CSEdge is MSME registered, emphasizing our commitment to quality and continuous learning.", 17 | "How can I apply for an internship at CSEdge?": "You can apply for an internship at CSEdge by visiting our website and navigating to the internship programs section. Follow the instructions provided to submit your application.", 18 | "What are the benefits of doing an internship at CSEdge?": "Internships at CSEdge provide practical experience in software development, helping you develop your skills and enhance your employability. Our programs are AICTE approved, ensuring they meet high standards of quality.", 19 | "How long are the internship programs at CSEdge?": "The duration of our internship programs varies depending on the specific program. Please visit our website for detailed information on each program's duration.", 20 | "Is there any fee to join the internship programs at CSEdge?": "For detailed information about the fees associated with our internship programs, please visit our website or contact our support team.", 21 | "Can international students apply for internships at CSEdge?": "Yes, international students are welcome to apply for our internship programs. Please check the specific program details for any additional requirements." 22 | }; 23 | 24 | 25 | const createChatLi = (message, className) => { 26 | // Create a chat
  • element with passed message and className 27 | const chatLi = document.createElement("li"); 28 | chatLi.classList.add("chat", `${className}`); 29 | let chatContent = className === "outgoing" ? `

    ` : `smart_toy

    `; 30 | chatLi.innerHTML = chatContent; 31 | chatLi.querySelector("p").textContent = message; 32 | return chatLi; // return chat
  • element 33 | } 34 | 35 | const generateResponse = (chatElement) => { 36 | const API_URL = "https://api.openai.com/v1/chat/completions"; 37 | const messageElement = chatElement.querySelector("p"); 38 | 39 | // Define the properties and message for the API request 40 | const requestOptions = { 41 | method: "POST", 42 | headers: { 43 | "Content-Type": "application/json", 44 | "Authorization": `Bearer ${API_KEY}` 45 | }, 46 | body: JSON.stringify({ 47 | model: "gpt-3.5-turbo", 48 | messages: [{role: "user", content: userMessage}], 49 | }) 50 | } 51 | 52 | // Send POST request to API, get response and set the reponse as paragraph text 53 | fetch(API_URL, requestOptions).then(res => res.json()).then(data => { 54 | messageElement.textContent = data.choices[0].message.content.trim(); 55 | }).catch(() => { 56 | messageElement.classList.add("error"); 57 | messageElement.textContent = "Oops! Something went wrong. Please try again."; 58 | }).finally(() => chatbox.scrollTo(0, chatbox.scrollHeight)); 59 | } 60 | 61 | const handleChat = () => { 62 | userMessage = chatInput.value.trim(); // Get user entered message and remove extra whitespace 63 | if (!userMessage) return; 64 | 65 | // Clear the input textarea and set its height to default 66 | chatInput.value = ""; 67 | chatInput.style.height = `${inputInitHeight}px`; 68 | 69 | // Append the user's message to the chatbox 70 | chatbox.appendChild(createChatLi(userMessage, "outgoing")); 71 | chatbox.scrollTo(0, chatbox.scrollHeight); 72 | 73 | // Check if the message matches a predefined question 74 | if (predefinedAnswers[userMessage]) { 75 | setTimeout(() => { 76 | const incomingChatLi = createChatLi(predefinedAnswers[userMessage], "incoming"); 77 | chatbox.appendChild(incomingChatLi); 78 | chatbox.scrollTo(0, chatbox.scrollHeight); 79 | }, 600); 80 | } else { 81 | setTimeout(() => { 82 | // Display "Thinking..." message while waiting for the response 83 | const incomingChatLi = createChatLi("Thinking...", "incoming"); 84 | chatbox.appendChild(incomingChatLi); 85 | chatbox.scrollTo(0, chatbox.scrollHeight); 86 | generateResponse(incomingChatLi); 87 | }, 600); 88 | } 89 | } 90 | 91 | chatInput.addEventListener("input", () => { 92 | // Adjust the height of the input textarea based on its content 93 | chatInput.style.height = `${inputInitHeight}px`; 94 | chatInput.style.height = `${chatInput.scrollHeight}px`; 95 | }); 96 | 97 | chatInput.addEventListener("keydown", (e) => { 98 | // If Enter key is pressed without Shift key and the window 99 | // width is greater than 800px, handle the chat 100 | if (e.key === "Enter" && !e.shiftKey && window.innerWidth > 800) { 101 | e.preventDefault(); 102 | handleChat(); 103 | } 104 | }); 105 | 106 | sendChatBtn.addEventListener("click", handleChat); 107 | closeBtn.addEventListener("click", () => document.body.classList.remove("show-chatbot")); 108 | chatbotToggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot")); 109 | -------------------------------------------------------------------------------- /csedge.courses/navbar.css: -------------------------------------------------------------------------------- 1 | nav { 2 | display: flex; 3 | justify-content: space-between; 4 | align-items: center; 5 | color: #000000; 6 | padding: 15px 15px 15px 15px; 7 | background-color: #ffffff; 8 | } 9 | 10 | nav img { 11 | display: none; 12 | cursor: pointer; 13 | } 14 | 15 | nav h1 { 16 | font-size: 2rem; 17 | padding-left: 50px; 18 | margin: 0px; 19 | } 20 | 21 | nav a { 22 | color: #000000; 23 | text-decoration: none; 24 | padding: 5px 20px; 25 | } 26 | 27 | nav ul { 28 | list-style: none; 29 | display: flex; 30 | margin: 0; 31 | padding: 0; 32 | } 33 | nav ul li{ 34 | padding-right: 2rem; 35 | } 36 | nav ul li a:hover { 37 | color: #222; 38 | transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; 39 | 40 | } 41 | 42 | @media screen and (max-width: 768px) { 43 | nav img { 44 | display: inline-block; 45 | padding-right: 15px; 46 | } 47 | 48 | nav { 49 | padding: 15px; 50 | position: relative; 51 | } 52 | 53 | nav ul { 54 | position: fixed; 55 | top: 70px; 56 | left: -100%; 57 | width: 100%; 58 | height: 100%; 59 | background: #f5f5f5; 60 | flex-direction: column; 61 | text-align: center; 62 | transition: left 0.3s ease; 63 | } 64 | 65 | nav ul.show { 66 | left: 0; 67 | } 68 | 69 | nav ul li { 70 | margin: 30px 0; 71 | } 72 | 73 | nav img { 74 | display: block; 75 | } 76 | 77 | nav ul a { 78 | color: #000000; 79 | font-size: 20px; 80 | } 81 | } 82 | 83 | #goTopBtn { 84 | display: none; 85 | position: fixed; 86 | bottom: 20px; 87 | right: 30px; 88 | z-index: 99; 89 | border: none; 90 | outline: none; 91 | background-color: #555; 92 | color: white; 93 | cursor: pointer; 94 | padding: 15px; 95 | border-radius: 50%; 96 | font-size: 18px; 97 | 98 | } 99 | 100 | #goTopBtn:hover { 101 | background-color: #333; 102 | /* Darker shade on hover */ 103 | } 104 | 105 | #goTopBtn i { 106 | font-size: 24px; 107 | position: relative; 108 | left: 2px; 109 | /* Increase icon size for better visibility */ 110 | } 111 | 112 | 113 | /* General Styles */ 114 | .section-heading { 115 | text-align: center; 116 | margin-bottom: 20px; 117 | } 118 | 119 | .logos-container { 120 | display: flex; 121 | justify-content: center; 122 | align-items: center; 123 | gap: 100px; 124 | margin-top: 30px; 125 | /* Space between logos */ 126 | } 127 | 128 | .logo { 129 | width: 100%; 130 | /* Responsive width */ 131 | max-width: 200px; 132 | /* Maximum size */ 133 | height: auto; 134 | /* Maintain aspect ratio */ 135 | } 136 | 137 | /* Responsive Design for smaller screens */ 138 | @media (max-width: 768px) { 139 | .logos-container { 140 | flex-direction: column; 141 | /* Stack logos vertically on smaller screens */ 142 | } 143 | } -------------------------------------------------------------------------------- /csedge.courses/privacypolicy.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | background-color: #f4f4f4; 4 | margin: 0; 5 | padding: 0; 6 | display: flex; 7 | justify-content: center; 8 | align-items: center; 9 | min-height: 100vh; 10 | } 11 | 12 | .container { 13 | width: 80%; 14 | max-width: 800px; 15 | padding: 20px; 16 | background-color: #fff; 17 | box-shadow: 0 0 10px rgba(0,0,0,0.1); 18 | text-align: left; 19 | } 20 | 21 | h1 { 22 | text-align: center; 23 | } 24 | 25 | p, ul { 26 | line-height: 1.6; 27 | } 28 | 29 | ul { 30 | list-style-type: disc; 31 | padding-left: 20px; 32 | } 33 | -------------------------------------------------------------------------------- /csedge.courses/privacypolicy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Privacy Policy 7 | 8 | 9 | 10 |
    11 |

    Privacy Policy

    12 |

    This privacy policy sets out how CSEdge uses and protects any information that you give CSEdge when you use this website.

    13 |

    CSEdge is committed to ensuring that your privacy is protected. Should we ask you to provide certain information by which you can be identified when using this website, and then you can be assured that it will only be used in accordance with this privacy statement.

    14 |

    CSEdge may change this policy from time to time by updating this page. You should check this page from time to time to ensure that you are happy with any changes.

    15 |

    We may collect the following information:

    16 |
      17 |
    • Name and job title
      • 18 |
    • Contact information including email address
      • 19 |
    • Demographic information such as postcode, preferences and interests
      • 20 |
    • Other information relevant to customer surveys and/or offers
      • 21 |
    22 |

    What we do with the information we gather

    23 |

    We require this information to understand your needs and provide you with a better service, and in particular for the following reasons:

    24 |
      25 |
    • Internal record keeping.
      • 26 |
    • We may use the information to improve our products and services.
      • 27 |
    • We may periodically send promotional emails about new products, special offers or other information which we think you may find interesting using the email address which you have provided.
      • 28 |
    • From time to time, we may also use your information to contact you for market research purposes. We may contact you by email, phone, fax or mail. We may use the information to customise the website according to your interests.
      • 29 |
    30 |

    We are committed to ensuring that your information is secure. In order to prevent unauthorised access or disclosure we have put in suitable measures.

    31 |

    How we use cookies

    32 |

    A cookie is a small file which asks permission to be placed on your computer's hard drive. Once you agree, the file is added and the cookie helps analyses web traffic or lets you know when you visit a particular site. Cookies allow web applications to respond to you as an individual. The web application can tailor its operations to your needs, likes and dislikes by gathering and remembering information about your preferences.

    33 |

    We use traffic log cookies to identify which pages are being used. This helps us analyses data about webpage traffic and improve our website in order to tailor it to customer needs. We only use this information for statistical analysis purposes and then the data is removed from the system.

    34 |

    Overall, cookies help us provide you with a better website, by enabling us to monitor which pages you find useful and which you do not. A cookie in no way gives us access to your computer or any information about you, other than the data you choose to share with us.

    35 |

    You can choose to accept or decline cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies if you prefer. This may prevent you from taking full advantage of the website.

    36 |

    Controlling your personal information

    37 |

    You may choose to restrict the collection or use of your personal information in the following ways:

    38 |
      39 |
    • Whenever you are asked to fill in a form on the website, look for the box that you can click to indicate that you do not want the information to be used by anybody for direct marketing purposes
      • 40 |
    • If you have previously agreed to us using your personal information for direct marketing purposes, you may change your mind at any time by writing to or emailing us at
      • 41 |
    42 |

    We will not sell, distribute or lease your personal information to third parties unless we have your permission or are required by law to do so. We may use your personal information to send you promotional information about third parties which we think you may find interesting if you tell us that you wish this to happen.

    43 |

    If you believe that any information we are holding on you is incorrect or incomplete, please write to or email us as soon as possible, at the above address. We will promptly correct any information found to be incorrect.

    44 |
    45 | 46 | 47 | -------------------------------------------------------------------------------- /csedge.courses/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | https://csedge.courses/ 7 | 2024-05-06T09:46:45+00:00 8 | 9 | 10 | https://csedge.courses/index.html 11 | 2024-05-06T09:46:45+00:00 12 | 13 | 14 | https://csedge.courses/Internships/python.html 15 | 2024-04-25T09:46:45+00:00 16 | 17 | 18 | https://csedge.courses/Internships/Web-Development.html 19 | 2024-04-25T09:46:45+00:00 20 | 21 | 22 | https://csedge.courses/Internships/Full-Stack-Development.html 23 | 2024-04-25T09:46:45+00:00 24 | 25 | 26 | https://csedge.courses/Internships/Java.html 27 | 2024-04-25T09:46:45+00:00 28 | 29 | 30 | https://csedge.courses/Resources.html 31 | 2024-05-06T09:46:45+00:00 32 | 33 | 34 | https://csedge.courses/verify-id.html 35 | 2024-05-06T09:46:45+00:00 36 | 37 | 38 | https://csedge.courses/internship.html 39 | 2024-04-17T09:46:45+00:00 40 | 41 | 42 | https://csedge.courses/about.html 43 | 2024-04-25T09:46:45+00:00 44 | 45 | 46 | -------------------------------------------------------------------------------- /csedge.courses/up-arrow2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/csedge.courses/up-arrow2.png -------------------------------------------------------------------------------- /csedge.courses/verification.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); 2 | 3 | *{ 4 | padding: 0; 5 | margin: 0; 6 | } 7 | 8 | body{ 9 | font-family: 'Poppins', sans-serif; 10 | background-color: #24262d; 11 | } 12 | 13 | .container { 14 | padding: 20px; 15 | text-align: center; 16 | } 17 | 18 | .verification-box { 19 | max-width: 500px; 20 | margin: auto; 21 | padding: 20px; 22 | background-color: #fff; 23 | border: 1px solid #ddd; 24 | border-radius: 5px; 25 | color: #000000; 26 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 27 | } 28 | 29 | h1 { 30 | color: #333; 31 | } 32 | 33 | label { 34 | display: block; 35 | margin-top: 10px; 36 | font-weight: bold; 37 | } 38 | 39 | input { 40 | width: 100%; 41 | padding: 8px; 42 | margin-top: 5px; 43 | margin-bottom: 10px; 44 | box-sizing: border-box; 45 | border: 1px solid #ddd; 46 | border-radius: 3px; 47 | text-transform: uppercase; 48 | } 49 | 50 | button { 51 | background-color: #4caf50; 52 | color: #fff; 53 | padding: 10px; 54 | border: none; 55 | border-radius: 3px; 56 | cursor: pointer; 57 | } 58 | 59 | button:hover { 60 | background-color: #45a049; 61 | } 62 | 63 | #userDetails p { 64 | margin-top: 15px; 65 | padding: 10px; 66 | border-radius: 3px; 67 | } 68 | 69 | .success { 70 | background-color: #dff0d8; 71 | color: #3c763d; 72 | } 73 | 74 | .error { 75 | background-color: #f2dede; 76 | color: #a94442; 77 | } 78 | 79 | .input-field{ 80 | display: flex; 81 | flex-direction: column; 82 | border: 1px solid #f5f5f5f5; 83 | background-color: #f5f5f5f5; 84 | width: 50%; 85 | height: 100px; 86 | justify-content: center; 87 | align-items: center; 88 | border-radius: 15px; 89 | } 90 | 91 | button { 92 | background-color: #ddaf00; 93 | color: black; 94 | padding: 10px 20px; 95 | border: none; 96 | border-radius: 5px; 97 | font-size: 16px; 98 | cursor: pointer; 99 | } 100 | 101 | button:hover { 102 | background-color: #ffa500; 103 | } 104 | 105 | #userDetails{ 106 | display: flex; 107 | flex-direction: column; 108 | justify-content: center; 109 | align-items: center; 110 | margin-top: 30px; 111 | color: #000000 112 | } 113 | 114 | #userDetails p{ 115 | color:#000000; 116 | } 117 | 118 | #userDetails img{ 119 | width: 200px; 120 | scale: 2; 121 | } -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | 2 | Remove default hyperlink style 3 | a { 4 | text-decoration: none; 5 | color: inherit; 6 | } 7 | 8 | /* Footer CSS */ 9 | .site-footer { 10 | background-color: #f5f5f5; 11 | padding: 30px 0; 12 | } 13 | 14 | .site-footer h6 { 15 | font-size: 18px; 16 | margin-bottom: 15px; 17 | } 18 | 19 | .site-footer ul { 20 | list-style: none; 21 | padding: 0; 22 | } 23 | 24 | .site-footer li { 25 | margin-bottom: 10px; 26 | } 27 | 28 | .site-footer a { 29 | color: #777; 30 | } 31 | 32 | .site-footer a:hover { 33 | color: #333; 34 | } 35 | 36 | .site-footer hr { 37 | margin: 20px 0; 38 | border-top: 1px solid #e5e5e5; 39 | } 40 | 41 | .site-footer .copyright-text { 42 | font-size: 14px; 43 | text-align: center; 44 | margin-bottom: 0; 45 | } 46 | 47 | 48 | #goTopBtn { 49 | display: none; 50 | position: fixed; 51 | bottom: 20px; 52 | right: 30px; 53 | z-index: 99; 54 | border: none; 55 | outline: none; 56 | background-color: #555; 57 | color: white; 58 | cursor: pointer; 59 | padding: 15px; 60 | border-radius: 50%; 61 | font-size: 18px; 62 | 63 | } 64 | 65 | #goTopBtn:hover { 66 | background-color: #333; 67 | /* Darker shade on hover */ 68 | } 69 | 70 | #goTopBtn i { 71 | font-size: 24px; 72 | position: relative; 73 | left: 2px; 74 | /* Increase icon size for better visibility */ 75 | } 76 | -------------------------------------------------------------------------------- /data.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "url": "./posts/linkedin/creating-professional-linkedin-account.html", 4 | "image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQkx3NudeL9WB5diyA7peE-rrrZ1OuFXrzSChgyKhr6iQ&s", 5 | "date": "April 25, 2024", 6 | "title": "Unlock the Power of Networking: Crafting Your Professional LinkedIn Profile", 7 | "description": "Embark on a journey to create a compelling Professional LinkedIn account that opens doors to limitless opportunities. This step-by-step guide demystifies the process, empowering you to harness the full potential of LinkedIn's vast network, connecting millions worldwide." 8 | }, 9 | { 10 | "url": "./posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html", 11 | "image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNYDqYlvfORMgsjdtflgwHnjA-hHUwJPkFaLDn5zFwyQ&s", 12 | "date": "April 25, 2024", 13 | "title": "Unlock Exclusive Benefits: Applying for GitHub Student Pro Account", 14 | "description": "Discover the pathway to unlocking the full potential of your student journey by acquiring a GitHub Student Pro account. Dive into this comprehensive guide to understand the application process, eligibility criteria, and the plethora of benefits awaiting you. Elevate your coding experience and collaboration capabilities with GitHub's premium features tailored for students." 15 | }, 16 | { 17 | "url": "./posts/technology/How-to-build-rest-api-using-node-and-mongo-db.html", 18 | "image": "https://shorturl.at/hxiFR", 19 | "date": "May 26, 2024", 20 | "title": "Building a RESTful API with Node.js and MongoDB: A Step-by-Step Guide", 21 | "description": "Learn how to create, test, and deploy your API, and discover best practices for handling routes, authentication, and error handling. By the end of this guide, you'll be ready to build and host your own RESTful API, empowering your applications with seamless data communication. 🚀🌐" 22 | }, 23 | { 24 | "url": "./posts/power BI/powerBI.html", 25 | "image": "./posts/powerBI/powerBI.png", 26 | "date": "April 25, 2024", 27 | "title": "Power BI for Beginners: Your First Dashboard Step-by-Step", 28 | "description": "In this step-by-step guide, we will walk you through the basics of Power BI, from connecting to your data sources to designing interactive and visually appealing dashboards." 29 | }, 30 | { 31 | "url": "./posts/azure/How-to-Create-an-Azure-Account.html", 32 | "image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTplePLm0DvcyhLXZHdWe4gMVzpl6LsyfLYpsLxCHcGPQ&s", 33 | "date": "April 25, 2024", 34 | "title": "Empower Your Learning: Creating Your Azure Student Account", 35 | "description": "Embark on your cloud journey with Azure by unlocking the Azure Student account, your gateway to a world of learning and innovation. Dive into this comprehensive guide to discover the step-by-step process to create your Azure Student account and access $200 in free Azure credits. Explore the vast array of Azure services and resources tailored to support your educational endeavors, empowering you to build, experiment, and innovate without constraints." 36 | }, 37 | { 38 | "url": "./posts/github/How-to-Make-Pull-Requests-on-GitHub.html", 39 | "image": "https://miro.medium.com/v2/resize:fit:400/1*qp-tg5nRgXcdBAPOrMFrpg.jpeg", 40 | "date": "May 25, 2024", 41 | "title": "Expand your knowledge on Graphic User Interphase designing using Java AWT (Abstract Window Toolkit)", 42 | "description": "Discover the secrets to creating dynamic Java GUIs with our guide, \"Mastering Java AWT: A to Z.\" Whether you're a beginner eager to learn the fundamentals or an experienced developer looking to hone your skills with custom components and advanced layouts, this guide offers everything you need. Transform your Java programming abilities and elevate your applications to new heights today!" 43 | }, 44 | { 45 | "url": "./posts/github/How-to-Make-Pull-Requests-on-GitHub.html", 46 | "image": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRloyzP9KVKtrLX6gDh5koAKVUHZ3prgr3b0YRlK-ORcg&s", 47 | "date": "April 25, 2024", 48 | "title": "Collaborate and Contribute: Mastering Pull Requests in GitHub", 49 | "description": "Unlock the power of collaboration with GitHub by mastering the art of creating Pull Requests. This comprehensive guide walks you through the step-by-step process of initiating a Pull Request, from forking a repository to submitting your changes for review. Learn how to contribute to open-source projects and collaborate effectively with peers, empowering you to make meaningful contributions to the global developer community. Ready to elevate your GitHub workflow? Let's dive in!" 50 | }, 51 | { 52 | "url": "./posts/github/How-to-setup-your-github-local-repository.html", 53 | "image": "https://user.oc-static.com/upload/2022/01/04/16412576933806_image30.png", 54 | "date": "May 19, 2024", 55 | "title": "Unlocking GitHub CLI: Setting Up Your Local Repository", 56 | "description": "Embark on your open source journey with GitHub by setting up your local repository. In this detailed guide, we'll walk you through the step-by-step process of creating a local GitHub repository. Learn how to initialize Git, add files, commit changes, and connect your local repo to your remote GitHub account. Whether you're a beginner or an experienced developer, this tutorial empowers you to manage your code efficiently and collaborate seamlessly." 57 | } 58 | ] 59 | -------------------------------------------------------------------------------- /form.css: -------------------------------------------------------------------------------- 1 | .row 2 | { 3 | display: block; 4 | box-shadow: 5px 25px 50px 5px powderblue; 5 | padding: 50px 100px; 6 | } 7 | .experience 8 | { 9 | text-align: left; 10 | } 11 | .rate { 12 | float: left; 13 | height: 46px; 14 | padding: 0 10px; 15 | } 16 | .rate:not(:checked) > input { 17 | position:absolute; 18 | top:-9999px; 19 | } 20 | .rate:not(:checked) > label { 21 | float:right; 22 | width:1em; 23 | overflow:hidden; 24 | white-space:nowrap; 25 | cursor:pointer; 26 | font-size:30px; 27 | color:#ccc; 28 | } 29 | .rate:not(:checked) > label:before { 30 | content: '★ '; 31 | } 32 | .rate > input:checked ~ label { 33 | color: #ffc700; 34 | } 35 | .rate:not(:checked) > label:hover, 36 | .rate:not(:checked) > label:hover ~ label { 37 | color: #deb217; 38 | } 39 | .rate > input:checked + label:hover, 40 | .rate > input:checked + label:hover ~ label, 41 | .rate > input:checked ~ label:hover, 42 | .rate > input:checked ~ label:hover ~ label, 43 | .rate > label:hover ~ input:checked ~ label { 44 | color: #c59b08; 45 | } 46 | .formImage:hover{ 47 | transition-property: font-weight; 48 | } 49 | 50 | /* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */ 51 | -------------------------------------------------------------------------------- /formScript.js: -------------------------------------------------------------------------------- 1 | function storeData(e) { 2 | e.preventDefault(); // prevent default form submission 3 | 4 | const formData = new FormData(form); 5 | const userData = {}; 6 | 7 | // iterate over the form fields and store their values in the userData object 8 | formData.forEach((value, key) => { 9 | userData[key] = value; 10 | }); 11 | 12 | // store the userData object in localStorage 13 | localStorage.setItem("userData", JSON.stringify(userData)); 14 | } 15 | const storedData = localStorage.getItem("userData"); 16 | const userData = JSON.parse(storedData); 17 | 18 | console.log(userData); -------------------------------------------------------------------------------- /images/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/images/about.png -------------------------------------------------------------------------------- /images/banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/images/banner.jpg -------------------------------------------------------------------------------- /images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/images/banner.png -------------------------------------------------------------------------------- /images/banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/images/banner2.png -------------------------------------------------------------------------------- /images/form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/images/form.png -------------------------------------------------------------------------------- /navbar.css: -------------------------------------------------------------------------------- 1 | nav { 2 | display: flex; 3 | /* justify-content: space-between; */ 4 | align-items: center; 5 | color: #000000; 6 | padding: 15px 15px 15px 15px; 7 | background-color: #ffffff; 8 | position: fixed; 9 | width: 100%; 10 | z-index: 1; 11 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 12 | user-select: none; 13 | } 14 | nav ul { 15 | display: flex; 16 | align-items: center; 17 | } 18 | 19 | nav ul { 20 | display: flex; 21 | align-items: center; 22 | justify-content: space-between; 23 | } 24 | 25 | nav ul li { 26 | margin-right: 20px; /* Adjust spacing between navbar items */ 27 | } 28 | 29 | nav ul li a i { 30 | margin-right: 5px; /* Adjust spacing between icon and text */ 31 | } 32 | 33 | nav ul li.logo { 34 | margin-right: auto; /* Pushes logo to the far left */ 35 | } 36 | 37 | nav ul li a { 38 | text-decoration: none; 39 | color: #000000; 40 | } 41 | nav { 42 | display: flex; 43 | justify-content: space-between; 44 | align-items: center; 45 | color: #000000; 46 | padding: 15px 15px 15px 15px; 47 | background-color: #ffffff; 48 | } 49 | 50 | nav ul { 51 | display: flex; 52 | align-items: center; 53 | list-style: none; 54 | margin: 0; 55 | padding: 0; 56 | } 57 | 58 | nav ul li { 59 | margin-right: 20px; /* Adjust spacing between navbar items */ 60 | } 61 | 62 | nav ul li a { 63 | text-decoration: none; 64 | color: #000000; 65 | padding: 5px 20px; 66 | } 67 | 68 | nav ul li.logo { 69 | margin-right: auto; /* Pushes logo to the far left */ 70 | } 71 | 72 | .navbar-ham-switch{ 73 | display: flex; 74 | } 75 | 76 | .navbar-contact { 77 | display: flex; 78 | align-items: center; 79 | } 80 | 81 | .navbar-contact a { 82 | text-decoration: none; 83 | color: #000000; 84 | padding: 5px 20px; 85 | } 86 | 87 | .navbar-contact a:hover { 88 | color: #222; 89 | transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; 90 | } 91 | nav ul li.contact { 92 | margin-top: 2px; /* Adjust this value as needed */ 93 | } 94 | nav ul li.contact a i { 95 | vertical-align: middle; 96 | } 97 | .navbar-icons { 98 | color: #000000; /* or #333333 */ 99 | } 100 | 101 | nav img { 102 | display: none; 103 | cursor: pointer; 104 | } 105 | 106 | nav h1 { 107 | font-size: 2rem; 108 | padding-left: 50px; 109 | margin: 0px; 110 | } 111 | 112 | nav a { 113 | color: #000000; 114 | text-decoration: none; 115 | padding: 5px 20px; 116 | position: relative; 117 | font-size: 16.5px; 118 | letter-spacing: 0.3px; 119 | } 120 | 121 | nav a::after { 122 | content: ""; 123 | position: absolute; 124 | background-color: #435365; 125 | /* background-color: #007bff; */ 126 | height: 3px; 127 | width: 0; 128 | left: 0; 129 | bottom: -7px; 130 | transition: 0.3s ease; 131 | border-radius: 5px; 132 | } 133 | 134 | nav ul { 135 | list-style: none; 136 | display: flex; 137 | margin: 0; 138 | padding: 0; 139 | } 140 | 141 | nav ul li a:hover { 142 | color: #007bff; 143 | transition: all 0.5s ease; 144 | } 145 | 146 | nav ul li a:hover::after { 147 | width: 100%; 148 | } 149 | 150 | @media screen and (max-width: 885px) { 151 | nav a { 152 | font-size: 16px; 153 | letter-spacing: 0; 154 | } 155 | 156 | } 157 | 158 | @media screen and (max-width: 1100px) { 159 | nav img { 160 | display: inline-block; 161 | padding-right: 15px; 162 | } 163 | 164 | nav { 165 | padding: 15px; 166 | /* position: relative; */ 167 | } 168 | 169 | nav ul { 170 | position: fixed; 171 | top: 70px; 172 | left: -100%; 173 | width: 100%; 174 | height: 100%; 175 | background: #f5f5f5; 176 | flex-direction: column; 177 | text-align: center; 178 | transition: left 0.3s ease; 179 | } 180 | 181 | nav ul.show { 182 | left: 0; 183 | } 184 | 185 | nav ul li { 186 | margin: 30px 0; 187 | } 188 | 189 | nav img { 190 | display: block; 191 | } 192 | 193 | nav ul a { 194 | color: #000000; 195 | font-size: 20px; 196 | } 197 | } 198 | 199 | #goTopBtn { 200 | display: none; 201 | position: fixed; 202 | bottom: 20px; 203 | right: 30px; 204 | z-index: 1; 205 | border: none; 206 | outline: none; 207 | background-color: #555; 208 | color: white; 209 | cursor: pointer; 210 | padding: 15px; 211 | border-radius: 50%; 212 | font-size: 18px; 213 | } 214 | 215 | #goTopBtn:hover { 216 | background-color: #333; 217 | /* Darker shade on hover */ 218 | } 219 | 220 | #goTopBtn i { 221 | font-size: 24px; 222 | position: relative; 223 | left: 2px; 224 | /* Increase icon size for better visibility */ 225 | } 226 | 227 | 228 | /* General Styles */ 229 | .section-heading { 230 | text-align: center; 231 | margin-bottom: 20px; 232 | } 233 | 234 | .logos-container { 235 | display: flex; 236 | justify-content: center; 237 | align-items: center; 238 | gap: 100px; 239 | margin-top: 30px; 240 | /* Space between logos */ 241 | } 242 | 243 | .logo { 244 | width: 100%; 245 | /* Responsive width */ 246 | max-width: 200px; 247 | /* Maximum size */ 248 | height: auto; 249 | /* Maintain aspect ratio */ 250 | } 251 | 252 | /* Responsive Design for smaller screens */ 253 | @media (max-width: 768px) { 254 | .logos-container { 255 | flex-direction: column; 256 | /* Stack logos vertically on smaller screens */ 257 | } 258 | } 259 | -------------------------------------------------------------------------------- /new/web-developer.251x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/new/web-developer.251x256.png -------------------------------------------------------------------------------- /posts/images/Beautiful Soup for web scraping.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/Beautiful Soup for web scraping.png -------------------------------------------------------------------------------- /posts/images/CloneRepo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/CloneRepo.png -------------------------------------------------------------------------------- /posts/images/Final-output.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/Final-output.png -------------------------------------------------------------------------------- /posts/images/How-To-Create-AR-Website-With-3D-Object-Placement.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/How-To-Create-AR-Website-With-3D-Object-Placement.png -------------------------------------------------------------------------------- /posts/images/How-To-Create-a-Ecommerce-Webpage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/How-To-Create-a-Ecommerce-Webpage.png -------------------------------------------------------------------------------- /posts/images/How-to-Host-Using-Vercel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/How-to-Host-Using-Vercel.png -------------------------------------------------------------------------------- /posts/images/How-to-create-user-info-based-Resume-maker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/How-to-create-user-info-based-Resume-maker.png -------------------------------------------------------------------------------- /posts/images/How-to-host-using-netlify.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/How-to-host-using-netlify.jpg -------------------------------------------------------------------------------- /posts/images/Image_Classification.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/Image_Classification.png -------------------------------------------------------------------------------- /posts/images/Monitors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/Monitors.png -------------------------------------------------------------------------------- /posts/images/WebScrapingImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/WebScrapingImage.png -------------------------------------------------------------------------------- /posts/images/api-return.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/api-return.png -------------------------------------------------------------------------------- /posts/images/chatbot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/chatbot.png -------------------------------------------------------------------------------- /posts/images/commit file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/commit file.png -------------------------------------------------------------------------------- /posts/images/config.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/config.png -------------------------------------------------------------------------------- /posts/images/flowchart-chatbot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/flowchart-chatbot.png -------------------------------------------------------------------------------- /posts/images/mongo-db-connection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/mongo-db-connection.png -------------------------------------------------------------------------------- /posts/images/mongodb-atlas-connection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/mongodb-atlas-connection.png -------------------------------------------------------------------------------- /posts/images/mongodb-connection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/mongodb-connection.png -------------------------------------------------------------------------------- /posts/images/posts.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/posts.png -------------------------------------------------------------------------------- /posts/images/project-details.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/project-details.png -------------------------------------------------------------------------------- /posts/images/render-repo-info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/render-repo-info.png -------------------------------------------------------------------------------- /posts/images/render-service.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/render-service.png -------------------------------------------------------------------------------- /posts/images/saveRepo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/images/saveRepo.png -------------------------------------------------------------------------------- /posts/java/hello-world-in-java.css: -------------------------------------------------------------------------------- 1 | .copy-button { 2 | position: absolute; 3 | top: 5px; 4 | right: 5px; 5 | background-color: #708090; 6 | color: white; 7 | border: none; 8 | border-radius: 0.25rem; 9 | padding: 0.25rem 0.5rem; 10 | cursor: pointer; 11 | z-index: 1; 12 | } 13 | 14 | .copy-button.copied { 15 | background-color: #28a745; 16 | } 17 | 18 | .code-container { 19 | position: relative; 20 | overflow: hidden; 21 | } -------------------------------------------------------------------------------- /posts/javascript/javascript-basics.css: -------------------------------------------------------------------------------- 1 | .code-snippet-container { 2 | margin-top: 10px !important; 3 | } 4 | 5 | .copy-banner { 6 | top: 0px; 7 | left: 0; 8 | width: 100%; 9 | background-color: #f2f2f2; 10 | padding: 5px; 11 | display: flex; 12 | justify-content: space-between; 13 | align-items: center; 14 | box-sizing: border-box; 15 | } 16 | 17 | .copy-banner span { 18 | font-size: 14px; 19 | font-weight: bold; 20 | } 21 | 22 | .copy-button { 23 | background-color: #708090; 24 | color: white; 25 | border: none; 26 | border-radius: 0.25rem; 27 | padding: 0.25rem 0.5rem; 28 | cursor: pointer; 29 | } 30 | 31 | .copy-button.copied { 32 | background-color: #28a745; 33 | } 34 | 35 | .code-container { 36 | margin-top: 2px; 37 | } -------------------------------------------------------------------------------- /posts/javascript/javascript-basics.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Javascript Basics 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |

    Javascript Basics

    21 |
    22 |
    23 | JavaScript 24 | 25 |
    26 |
    27 | 
    28 |       
29 |         //! variables (let, var, const)
30 |         let a = 1;
31 |         var b = 2;
32 |         const c = 3;
33 |         // c = 4; // will give error, can't change const
34 | 
35 |         //! primitive data types(string, number, boolean)
36 |         let FirstName = "sonu";
37 |         let age = 21;
38 |         let isMarried = false;
39 | 
40 |         //! conditional statement
41 |         if (isMarried) {
42 |             console.log(FirstName + " is married")
43 |         }
44 |         else console.log(FirstName + " is not married")
45 | 
46 |         //! Loops
47 |         let res = 0;
48 |         for (let i = 0; i <= 100; i++) {
49 |             res += i;
50 |         }
51 |         console.log(res)
52 | 
53 |         //! functions
54 |         function greet(name) {
55 |             return 'Hello, ' + name + '!';
56 |         }
57 | 
58 |         console.log(greet('World'));
59 |       
60 |
    61 |
    62 |
    63 | 64 | 65 | 67 | 85 | 86 | 87 | 88 | -------------------------------------------------------------------------------- /posts/powerBI/powerBI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/posts/powerBI/powerBI.png -------------------------------------------------------------------------------- /posts/script.js: -------------------------------------------------------------------------------- 1 | // Dummy data for demonstration 2 | const documents = [ 3 | { 4 | title: "How to Create a GitHub Account", 5 | url: "https://learn.csedge.courses/posts/github/how-to-create-github-account.html", 6 | }, 7 | { 8 | title: "Creating a Professional LinkedIn Account", 9 | url: "https://learn.csedge.courses/posts/linkedin/creating-professional-linkedin-account.html", 10 | }, 11 | { 12 | title: "How to make pull requests on GitHub", 13 | url: "https://learn.csedge.courses/posts/github/How-to-Make-Pull-Requests-on-GitHub.html", 14 | }, 15 | { 16 | title: "How to Apply for GitHub Student Developer Pack", 17 | url: "https://learn.csedge.courses/posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html", 18 | }, 19 | { 20 | title: "How to Create an Azure Account and Get $200 in Credits", 21 | url: "https://learn.csedge.courses/posts/azure/How-to-Create-an-Azure-Account.html", 22 | }, 23 | { 24 | title: "How to create a JSON Server", 25 | url: "https://learn.csedge.courses/posts/technology/How-to-create-a-JSON-Server.html", 26 | }, 27 | ]; 28 | 29 | // Function to perform search 30 | function search() { 31 | const searchTerm = document.getElementById("searchInput").value.trim().toLowerCase(); 32 | 33 | // Clear search results if search term is empty 34 | if (searchTerm === "") { 35 | document.getElementById("searchResults").innerHTML = ""; 36 | return; 37 | } 38 | 39 | const searchResults = documents.filter((doc) => doc.title.toLowerCase().includes(searchTerm)); 40 | 41 | // Display search results 42 | if (searchResults.length > 0) { 43 | let suggestions = "
      "; 44 | searchResults.forEach((doc) => { 45 | suggestions += `${doc.title}`; 46 | }); 47 | suggestions += "
    "; 48 | document.getElementById("searchResults").innerHTML = suggestions; 49 | } else { 50 | document.getElementById("searchResults").innerHTML = ``; 51 | } 52 | } 53 | 54 | //Function for setting the scrollProgress for articles 55 | function setScrollProgress() { 56 | const navBarContainer = document.querySelector(".navbar > .container"); 57 | 58 | navBarContainer.innerHTML += '
    '; 59 | const progressBar = document.querySelector(".post__progress-bar"); 60 | progressBar.style.width = `${(window.scrollY / (document.body.scrollHeight - window.innerHeight)) * 100}%`; 61 | } 62 | 63 | window.addEventListener("scroll", () => { 64 | setScrollProgress(); 65 | }); 66 | 67 | // Attach event listener to input field to trigger search on each character entry 68 | document.getElementById("searchInput").addEventListener("input", search); 69 | -------------------------------------------------------------------------------- /posts/technology/how-to-create-JSON-Server.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | How to create a JSON Server - CSEdge 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 45 | 46 |
    47 |
    48 | 49 |
    50 | 51 |
    52 | How to Create GitHub Account 54 |
    55 |
    56 |
    57 |

    How to Create a JSON Server on Render

    58 |

    59 | JSON Server is a simple and lightweight REST API server that 60 | can be used to create a mock API for development or testing 61 | purposes. It can be easily deployed on Render, a cloud 62 | platform that provides a simple and scalable way to deploy 63 | and manage applications. 64 |

    65 |

    Prerequisites

    66 |
      67 |
    • A Render account
      • 68 |
    • A JSON file containing the data you want to serve
      • 69 |
    70 |

    Steps

    71 |
      72 |
    1. Create a new Render web service
      2. 73 |
    2. Select the "Static Site" template
      3. 74 |
    3. 75 | In the "Build Command" field, enter the following command: 76 |
      4. 77 |
    78 | json-server --watch db.json 79 |
      80 |
    1. 81 | In the "Root Directory" field, enter the path to the 82 | directory containing your JSON file 83 |
      2. 84 |
    2. Click the "Create Web Service" button
      3. 85 |
    3. 86 | Once your web service is created, click the "Visit Site" 87 | button to access your JSON server 88 |
      4. 89 |
    90 |
    91 |
    92 |
    93 |
    94 |
    95 | 96 | 97 |
    98 | 99 |
    100 |
    Search
    101 |
    102 |
    103 | 105 | 108 |
    109 |
    110 | 111 |
    112 |
    113 | 114 |
    115 |
    Categories
    116 |
    117 |
    118 |
    119 | 124 |
    125 |
    126 | 131 |
    132 |
    133 |
    134 |
    135 | 136 |
    137 |
    Recent Posts
    138 |
    139 |

    Coming Soon..!

    140 |
    141 |
    142 |
    143 |
    144 | 147 | 149 | 152 | 155 | 157 | 160 | 163 | 165 | 168 |
    169 |
    170 |
    171 |
    172 |
    173 | 174 |
    175 |
    176 |

    177 | Copyright © CSEdge Learn 2024 178 |

    179 |
    180 |
    181 | 182 | 183 | 184 | 185 | 186 | 187 | -------------------------------------------------------------------------------- /powerBI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/powerBI.png -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Learn.CSEdge.Courses 2 | 3 | ![Stars](https://img.shields.io/github/stars/CSEdgeOfficial/learn.csedge.courses?style=social) ![Forks](https://img.shields.io/github/forks/CSEdgeOfficial/learn.csedge.courses?style=social) ![Issues](https://img.shields.io/github/issues/CSEdgeOfficial/learn.csedge.courses) ![Pull Requests](https://img.shields.io/github/issues-pr/CSEdgeOfficial/learn.csedge.courses) ![Maintenance](https://img.shields.io/maintenance/yes/2024) 4 | 5 | **Learn.CSEdge.Courses** is a dynamic learning platform providing free, high-quality educational content for computer science students and enthusiasts. Explore a vast array of resources, neatly categorized by technology domains, programming languages, and varying levels of difficulty. 6 | 7 | ## Technology Stack 8 | 9 | - **Frontend**: HTML5, CSS3, JavaScript, BootStrap 10 | - **IDE**: VS Code/Google IDX 11 | - **Version Control**: Git and GitHub 12 | 13 | ## Get Started 14 | 15 | ### Setup and Installation 16 | 17 | 1. **Fork and Clone the Repository** 18 | To get started with contributing to our project, fork the repo and then clone it to your local machine: 19 | ```bash 20 | git clone https://github.com/CSEdgeOffical/learn.csedge.courses.git 21 | cd learn.csedge.courses 22 | ``` 23 | 24 | 2. **Make Your Changes** 25 | Make the necessary modifications or additions to the project files. 26 | 27 | 3. **Commit and Push** 28 | Once you've made your changes, commit them and push to your fork: 29 | ```bash 30 | git add . 31 | git commit -m "Describe your changes here" 32 | git push 33 | ``` 34 | 35 | 4. **Create a Pull Request** 36 | Navigate back to the original repository and open a pull request from your forked repository. 37 | 38 | ### Contributing 39 | 40 | We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's: 41 | - Reporting a bug 42 | - Discussing the current state of the code 43 | - Submitting a fix 44 | - Proposing new features 45 | 46 | ## Resources 47 | 48 | - **Git and GitHub**: [Git and GitHub for Beginners](https://learn.microsoft.com/en-us/training/paths/get-started-github-and-visual-studio-code/?wt.mc_id=studentamb_299348) 49 | - **Web Development**: [Web Development for Beginners](https://learn.microsoft.com/en-us/training/paths/web-development-101/?wt.mc_id=studentamb_299348) 50 | 51 | ## Design 52 | 53 | This project's design can be viewed here: [Learn.CSEdge.Courses Design](https://learn.csedge.courses) 54 | 55 | ## License 56 | 57 | This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/CSEdgeOfficial/learn.csedge.courses/blob/main/LICENSE) file for details. 58 | 59 | ## Made With ❤️ by CSEdge 60 | 61 | ![Built With Love](https://forthebadge.com/images/badges/built-with-love.svg) 62 | ![Built By Developers](https://forthebadge.com/images/badges/built-by-developers.svg) 63 | 64 | # Our Contributors ✨ 65 | 66 | 67 | 68 | 69 | ## Connect with Us 70 | 71 | Feel free to contact us at [internship@csedge.courses](mailto:internship@csedge.courses) or connect with us on [GitHub](https://github.com/CSEdgeOfficial). 72 | 73 | ![Learn.CSEdge.Courses Infographic](https://camo.githubusercontent.com/dd5e3080a7adc2ead8f86cbbd6577cee0a38439c0ebf195021ce41587b0a405f/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313430302f312a633459675258595161794f5657785633376f757272772e706e67) 74 | -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://learn.csedge.courses/ 5 | 6 | 7 | https://learn.csedge.courses/posts/github/how-to-create-github-account.html 8 | 9 | 10 | https://learn.csedge.courses/posts/linkedin/creating-professional-linkedin-account.html 11 | 12 | 13 | https://learn.csedge.courses/posts/github/How-to-Apply-for-GitHub-Student-Developer-Pack.html 14 | 15 | 16 | https://learn.csedge.courses/posts/github/How-to-Make-Pull-Requests-on-GitHub.html 17 | 18 | 19 | https://learn.csedge.courses/posts/azure/How-to-Create-an-Azure-Account.html 20 | 21 | 22 | https://learn.csedge.courses/posts/technology/how-to-create-JSON-Server.html 23 | 24 | 25 | https://learn.csedge.courses/posts/master-github.html 26 | 27 | 28 | https://learn.csedge.courses/posts/github/How-to-host-website-using-github-pages.html 29 | 30 | 31 | https://learn.csedge.courses/posts/technology/How-to-build-rest-api-using-node-and-mongo-db.html 32 | 33 | 34 | https://learn.csedge.courses/posts/python/WebScrapingWithBeautifulSoup.html 35 | 36 | 37 | https://learn.csedge.courses/posts/python/ExampleOfBuildingWebScrapingApplication.html 38 | 39 | 40 | https://learn.csedge.courses/posts/python/Building-chatBot-with-NLTK.html 41 | 42 | -------------------------------------------------------------------------------- /up-arrow2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CSEdgeOfficial/learn.csedge.courses/0819c126424a0dfbfad74ed76a1589b9f3957a84/up-arrow2.png --------------------------------------------------------------------------------