xtremilicious / projectlearn-project-based-learning Goto Github PK

A curated list of project tutorials for project-based learning.

License: MIT License

JavaScript 100.00%

artificial-intelligence flutter game-development learning-by-doing machine-learning mobile-development project-based-learning projects python react scikit-learn tensorflow tutorials unity vue web-development

projectlearn-project-based-learning's People

Contributors

Stargazers

Watchers

Forkers

albertofcasuso kartikderasari kiranhk the-unreal bradenbuchanan addankiyeswanth mbiesiad cjldragon andrewhle jdruk izaktumz-zz xd3262nd manishshiwlani farukencoded swamim satishkoladiya aryanj-nyc intshivam lhutyra jkalio52 aneelnick spenfraz zeta1999 jivthesh lansolo kay-lander sophimary derrykboyd temmydev ivanbatistao mai-codes puneet1747 seomago asher-lab nikhilrpandey 23subbhashit mohammedal-rasheed batman9698 iliannaaaaaa rutforcode suhasprabhu117 sitispeaks swayaminsync olatechie liemlt dqtkien alexaugustobr opensource05 mahatria kesshei pedropini christopheroloo lkant8 maggiechu26 kadiryaren uncodedtech ktaranov jenniferfu0811 dev-sites donne12 gauravbdev ritwikbh xiepeng-wp rahil-sh ryanlow1111 rupak30 ayj69 flamato roshan-pnq hunter-007 suraj-kawale-au2 petec0x0 tianz0607 iamserda prateek-code-22 ikhwankhaliddd thecuriousodin alkan589 ahmedbennaji carlosjordandev konoplyanikovd-zz ehizman manjunani oziichukwu urmilasaha ccaetano478 dev-essbee anuvabsen1 santushtisharma10 vanshikasable arpita221b utkarshkharche29 xr739j9m pradnyabhukan anushkasingh1 arceus-sj xtiankisutsa psankhe28 vijaymanda06 whg123

projectlearn-project-based-learning's Issues

Tag project with its difficulty level.

Problem Statement- For now when user opens the projects dashboard. Different types of projects creates a great confusion of from which project a user can get started.
Solution- A best solution for this will be tagging each project with its difficulties level.
Three types of difficulty level-

Beginner
Intermediate
Advance

Tasks- To tag these difficulty levels, where the project tech stack is tagged.

React Tutorial: Cloning Yelp is broken

Due to changes in Google Maps API allowances this project is no longer functional. Perhaps it should be removed or replaced with a similar project?

Remove: URL Shortener with JavaScript

This tutorial should probably be removed/replaced as the jsonstore.io service it uses no longer exists.

Love it

Wrong link is provided

The link provided to Spotify Inspired Web Design project is directing to the link given to the Microsoft Homepage Clone project

Navbar

I would like to redesign navbar.Please assign this issue to me

Remove: Real-Time Twitter Stream

This project has some broken links and dependency issues causing it to be out of date. Suggested removal/replacement.

Building a Card Component

I would like to design and code Info card component using HTML, CSS, Bootstrap 5.
Please assign this task to me.

Incorrect Link for project "Chat App with Sentiment Analysis"

Hi, it seems like the link for "Chat App with Sentiment Analysis" leads to another project titled "Build an Appointment Scheduler Using React, Twilio, and Cosmic JS." Is this as intended?

P.S. thanks for the fantastic resource!

Wrong link on "Learn CSS Basics by Building a Card Component" page

The button link on this page is wrong. It refs to "ehttps" instead of just "https" and user can't access the page

Adding a new project "ChatGPT clone using HTML, CSS and JS with OpenAI API"

I would like to propose the implementation of a ChatGPT clone using HTML, CSS, and JS, utilizing the OpenAI API for natural language processing capabilities. This project aims to create an interactive chatbot interface that simulates conversations with users in a similar manner to OpenAI's ChatGPT model.

The clone would be designed to handle user queries and respond with relevant and contextually appropriate answers. By leveraging the OpenAI API, the chatbot would be capable of generating human-like responses, making the conversations more engaging and natural.

The implementation would involve developing the front-end components using HTML, CSS, and JS to create an intuitive and user-friendly interface. The OpenAI API would be integrated to handle the backend processing of user input and generating appropriate responses.

Key features of the ChatGPT clone would include:

Input textbox: Users can enter their queries or messages into the chat interface.
Response display: The chatbot will provide real-time responses that are generated based on user input and processed by the OpenAI API.
Contextual understanding: The chatbot will maintain context throughout the conversation to provide accurate and meaningful responses.
User-friendly design: The interface will be visually appealing, responsive, and easy to navigate, ensuring a smooth user experience.

By creating this ChatGPT clone, we aim to provide a practical example of how the OpenAI API can be integrated into web applications to enhance user interactions and provide intelligent responses. This project would serve as a valuable learning resource and showcase the capabilities of the OpenAI technology.

Here is the link: https://youtu.be/atKtG29iroY

Contributions to the Projects List

As this project is community-driven, feel free to open an issue (or even better, send a Pull Request) for expanding this list. Contributions are very much welcome.

Pull Request Process:

Ensure the project tutorial to be added doesn't already exist and it is of good quality (code quality, project scope & project relevance).
Update the data.js file. Links must be pointing straight to the tutorials, no URL shorteners.

Redesign Footer

For now, it looks like this:

I would like to redesign it to this:

Please assign this issue to me if it looks fine.