Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Projects added #210

Merged
merged 1 commit into from
May 15, 2024
Merged

Projects added #210

merged 1 commit into from
May 15, 2024

Conversation

chaanakyaaM
Copy link
Contributor

IMPORTANT: When creating your Pull Request, please use the following format for the title: Category - Resource Name & Section

PR Title samples:

  • Web development - CSS Portal & Tools
  • Web development - Leetcode & Challenges

Fixes Issue

Closes #181

Description:

I have added the projects table with beginner, intermediate and advanced levels.

Resource URL:

### Projects

> These Projects help you gain real time website building exprience by building these projects.

  #### Beginner level projects
  <table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
      <tr>
        <td><a href="https://www.geeksforgeeks.org/how-to-create-a-landing-page-using-html-css-and-javascript/">Landing Page</a></td>
        <td>
        This link helps you to Create a Landing Page Using HTML, CSS, and JavaScript provides a practical demonstration of the benefits of building landing pages for improving web development skills.
        </td>
      </tr> 
      <tr>
        <td><a href="https://www.geeksforgeeks.org/how-to-create-todo-app-using-html-css-js-and-bootstrap/">ToDo application</a></td>
        <td>
          This link helps you to create a basic todo app to understand the basics of JavaScript. In this web app, one can create a todo list using HTML, CSS, JS, BOOTSTRAP. 
        </td>
      </tr>  
     <tr>
        <td><a href="https://www.codewithfaraz.com/content/339/build-a-simple-calculator-html-css-javascript-tutorial-source-code">Calculator</a></td>
        <td>
        This link helps you to create using HTML, CSS, JS. This project mainly focuses on logic using JS, and also forces you to sharpen you logical thinking skills.
        </td>
      </tr>  
      <tr>
        <td><a href="https://codewithcurious.com/projects/create-responsive-website-using-html-css-js/">Responsive Web Page</a></td>
        <td>This link helps you to create responsive web pages using HTML, CSS, JS.This project mainly focuses on making the web page responsive using CSS.
        </td>
      </tr> 
      <tr>
        <td><a href="https://www.geeksforgeeks.org/create-a-quiz-app-with-timer-using-html-css-and-javascript/">Quiz game</a></td>
        <td>
        This link helps you to create a quiz game.This project focuses more on manipulating the Document Object Model (DOM) are excellent for beginners to reinforce their understanding of how JavaScript interacts with web pages
        </td>
      </tr>    
  </table>

  #### Intermediate level projects

  <table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
      <tr>
        <td><a href="https://foolishdeveloper.com/drawing-app-javascript/">Drawing App</a></td>
        <td>
        This link helps you understand deep JS by building a drawing app. This project is the best practice for understanding intermediate DOM elements and Events.
        </td>
      </tr> 
      <tr>
        <td><a href="https://www.geeksforgeeks.org/build-a-weather-app-in-html-css-javascript/">Weather application</a></td>
        <td>
        This link helps you to understand APIs and how they work in realtime. This website also teaches you the basics of Apis.
        </td>
      </tr>  
     <tr>
        <td><a href="https://www.codewithfaraz.com/content/339/build-a-simhttps://github.com/MohitSojitra/react-blog-website">Blogging Website</a></td>
        <td>
        This GitHub repo teachs you how to create a blogging website using HTML, CSS ,REACT. This project is very helpful for understanding the React basics and Frontend Basics. 
        </td>
      </tr>  
      <tr>
        <td><a href="https://github.com/Rohit177/Pinterest_Clone_Tailwind/blob/main/index.html">Pintrest Clone</a></td>
        <td>This GitHub repo helps you build Pinterest Clone by using HTML and a CSS framework known as TAILWINDCSS.This project is gives you the best practice to learn Tailwindcss.
        </td>
      </tr> 
      <tr>
        <td><a href="https://github.com/harismuneer/Restaurant-Management-System">Restaurent Management System</a></td>
        <td>
        This GitHub repo is best for understanding how databases and website communicate with each other.
        </td>
      </tr>    
  </table>
  
  #### Advance level projects

  <table width="100%">
      <tr>
        <th>Resource Name</th>
        <th>Description</th>
      </tr>
      <tr>
        <td><a href="https://www.geeksforgeeks.org/real-time-chat-application-in-javascript/">Real-Time Chat Application</a></td>
        <td>
        This link helps you build a real time chat application by using HTML,CSS,socket i.o,Node.js. This project is very helpful in learning about how real time chatting applications like facebook,whatsapp work.
        </td>
      </tr> 
      <tr>
        <td><a href="https://github.com/YashMarmat/FullStack_Ecommerce_App/tree/main">E-Commerce Website</a></td>
        <td>
        This link helps Build a E-commerce website using Django as serving Backend and React as serving the Frontend of the project.
        </td>
      </tr>  
     <tr>
        <td><a href="https://medium.com/bithubph/payment-integration-with-node-js-express-request-and-paystack-api-8cebf51c1f52">Payment Website</a></td>
        <td>
        This article helps you to build a Payment website using node.js, express.js and Paystack API. This project helps you to understand the Backend even deeper.
        </td>
      </tr>  
      <tr>
        <td><a href="https://www.geeksforgeeks.org/stock-market-portfolio-app-using-mern-stack/">Stock Market Portfolio</a></td>
        <td>
        This link helps you build a stock market portfolio by using the MERN stack(MongoDB, Express.js, React.js, Node.js),Express,Node serving as Backend and React serving as Frontend for the project.
        </td>
      </tr> 
      <tr>
        <td><a href="https://github.com/arihant-jain-09/discord-clone">Discord clone</a></td>
        <td>
        This GitHub repo helps you build a discord clone using technologies:React, Redux, React-Router, Firebase, Material-UI, SASS, JavaScript, HTML5.
        </td>
      </tr>    
  </table>

Checklist:

Before submitting your pull request, ensure that you have completed the following tasks:

  • I have carefully reviewed and adhered to the contributing guidelines before creating this pull request.
  • I followed the prescribed PR title template. (Check this if you're adding a resource)

Copy link
Owner

@jfmartinz jfmartinz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good

@jfmartinz jfmartinz merged commit 28ddef0 into jfmartinz:main May 15, 2024
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

💡 [FEATURE] - Resources for Projects
2 participants