Giter VIP home page Giter VIP logo

hashdefine-onlineide's Introduction

Hash IDE

image

forthebadge forthebadge forthebadge forthebadge

This is Hash-IDE, made with ReactJS, NodeJS, Mongo, Express, Material-UI.

Motive

This Repository is created with a motive to guide beginners with the open-source and with big react projects. I have already created some issues for the beginners so that they can work on them and even make there first contribution in this repository. For now we have open sourced the frontend only.

Instructions

You can test this project in your create-react-app feature by replacing the files.

Supported Platforms

This app can be built on any platform. It can be Windows, Linux , MacOS or any other. You only need the create-react-app feature and rest is in the Dependencies section.

Dependencies

I am writing down the Dependencies for beginners, so that they can look into it and then understand and install them if they want to.

  • ReactJS
  • NodeJS
  • Socket-IO

Installation and Setup

  1. Fork the Repository

    image
  2. Clone the Forked Repository to your local machine.

    git clone https://github.com/<your GitHub user name>/hashdefine-onlineIDE.git.
    
  3. Change the directory to HashIDE.

    cd hashdefine-onlineIDE
  4. Add remote to the Original Repository.

    git remote add upstream https://github.com/hash-define-organization/hashdefine-onlineIDE.git
    
  5. Install the dependecies.

    npm install
  6. Run the application.

    npm start
  7. The app starts on localhost:3000. If not, Click here to open the app in browser.

Connect with me

Show your support

Give a ⭐ if you like this web-app.

FAQs

1. I am a beginner with open source or with react can I contribute in this repository ?

We encourage everyone to contribute to this project. Feel free to pick an issue, share your ideas, and collaborate on it. We're here to guide you every step of the way ❤️

2. What are the steps to make my first contribution ?

Kindly refer to the contributing.md file. All the contributing guidelines are written over there.

3. Is there any need to assign myself to the issue before starting to work on the issue ?

We encourage everyone to contribute to this project. Feel free to pick an issue, share your ideas, and collaborate on it. We're here to guide you every step of the way ❤️.

Contributors

hashdefine-onlineide's People

Contributors

akanshjain12mg avatar aniket1026 avatar aparna-bhatt avatar ardent10 avatar ayush25102001 avatar bhavye-malhotra avatar dasgupta002 avatar dhairyabahl avatar harshitx1002 avatar irshadmd avatar khareyash05 avatar maityamit avatar mayonk-kumar-git avatar ngoakor12 avatar rsinghcodes avatar saxenapeeyush avatar siddhesh777 avatar thatanjan avatar thedreader avatar vaibhavpaliwal0007 avatar vish-han avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hashdefine-onlineide's Issues

Feature: Add Code Snippets for Enhanced Productivity

Feature description

The current coding experience in the repository could be significantly improved by incorporating a "Code Snippets" feature. This feature would enhance productivity, streamline code writing, and provide standardized code patterns for common tasks.

I propose the integration of a "Code Snippets" feature that allows developers to insert pre-defined code blocks or templates for common programming tasks with ease. These snippets can cover language-specific constructs, frequently used functions, and best practices. Code snippets help developers write code faster, reduce errors, and promote consistency throughout the codebase.

Code snippets can be customized and expanded to include project-specific patterns. Integration with popular languages and frameworks would be highly beneficial. Consider providing a user-friendly interface for managing and creating custom code snippets.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Delete/Update routes

Feature description

Adding delete route such that the user can delete his profile info this would be done only if the username and password credentials match.
Adding update route such that user can update is profile, eg: A user learns a new language then it can be added.
I would like to work on the backend part as a participant under gssoc’22.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Download code option

Feature description

I would like to add a functionality that will download a code for the user.

I am contributor at GSSOC'22.
Please assign this issue to me.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Remix the authentication using JWT and to enable logged in users view saved code snippets.

Feature description

Currently, the authentication is bare minimum and not secured to brim. I want to use JWT's and make a after login flow where the already logged in users can see their previously saved code snippets, just a inspiration from codepen!

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

As a participant of GSSOC '22, I myself would like to work on this issue.
Hope to get assigned this one in a whirl!

Feature: Code Copy to Clipboard Button

Feature description

Add a Button to copy code to clipboard near download code button .

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Add more Editor layouts

Feature description

Hey I'm Tushar, I want to contribute in your project .

  • I wish i could add a more a Editor layout option in IDE .

I'm participant in GSSoC22.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Add a whiteboard.

Feature description

A whiteboard aside the editor for doing easy board work needed for problem solving.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

As a participant of GSSOC '22, I myself would like to work on this issue.
Hope to get assigned this one in a whirl!

Tab for Memory Consumed Missing

👋 After checking the Response received from the compiler, An extra parameter "memory" (Memory Consumed) is there. It would be great to use it by adding an Extra tab showing the memory consumed by the Program.

References attached below 👇
image

Responsiveness

The home page needs to responsive

Screenshot 2022-03-27 090321

Hey, I would like to work on this issue, under GSSoC'22. Can you please assign it to me?

Feature: Enhancing run button

Feature description

Enhancing the run button . Just an arrow wouldn't be appropriate.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Logout Route backend

Feature description

Currently when the user logs in or signs up the token gets added to the tokens array but we do not have any logout route at the backend which removes the token from the array on logout.
Thus I will create a logout route which will remove the token from the array and a logoutAll route that removes all token from the array(same as logout from all devices).
I wish to work on the backend part of this ,Participant under Gssoc'22.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

[Bug]: Resolve netlify route problem

Contact Details

[email protected]

What happened?

Whenever I am trying to access any route other than home root, Netlify is showing its default 404 page except customised 404 page.

Below is the expected 404 page should be shown.. 👇🏻

404

Currently Netlify is showing default 404 page 👇🏻

netlify 404

Please assign it to me under GSSoC'22. I would like to fix this bug.

Relevant log output

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Feature: Add keyboard shortcuts

Feature description

Keyboard shortcuts can be made for ease of coding.
Shortcuts can be made to toggle themes, run code, switch to sketch etc.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: To add a download code button

Feature description

Hey, I wanted to suggest if we could add a download code button that would be nice.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Adding Login and Signup button

Feature description

  • I would like to create the Login and Signup button
  • Creating the form for Login and Signup using React Component

Code of Conduct

  • I agree to follow this project's Code of Conduct

Feature: CRUD operation

Feature description

I will setup all the CRUD operations for the user where changes will also reflect in the database.
Operations like update/read/delete will work only with authentication.
I wish to work on the backend part.
Participant under Gssoc’22

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Documentation: There is some mistake in readme.

Description

In the readme to add upstream, it is written git remote add but it should be git remote add upstream

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Documentation: Contributing file link is broken on README

Description

On the FAQ section of the readme, the contribution link is not working.

image

I would like to assign myself to the issue.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Download code option

Feature description

I would like to add a functionality that will download a code for the user.

I am contributor at GSSOC'22.
Please assign this issue to me.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

docs: Add Issue Templates

Chnages
Adding Issue templates
Template path .github/ISSUE_TEMPLATE
Template Types

156198784-b2e8d551-3df4-4aff-a7c7-051a88c344c0
156169861-53b91128-a1aa-4751-805e-affb8a4924a3

Contribution towards GSsoc`22, Thank you

Backend -- Improving File Structure

Feature description

**Backend Improvement Suggestions: **
1- Adding better file structure (seperating logic into controllers instead of being in routes folder)
2- adding model/routes/controller for whiteboard to help a user save notes or fetch old notes or anything that was written on the whiteboard

Also I would like to suggest that routes should be named in a better way, for instance, it should be in snake case instead of camel case, also we could use 'sign-up' instead of 'registerUser' etc..

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Variable Name Change

Description

It is some change in variable name in terminal.js file where it is mentioned about subTerminal for both input terminal and output terminal, My proposed change would be very simple like subTerminalInput and subTerminalOutput. Plus I would also like to add comments in this project files for clear usage of it
Screenshot 2022-03-13 134419
.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

User(Model)

Can I make the model for User(Backend) which will have fields like username, password, college, language preferences.
Participant under gssoc’22

Update ReadME!!

Need to update readME.
New points to add

various developments that is needed -

  1. Integrated collaborative whiteboard
  2. backend
  3. show errors on code failure

just write this on readme and do design the readme creative

Login/signUp buttons

Feature description

I would create the login and signUp button.
Also would create the form for login and signUp (React Component).

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Login/Signup endpoint(Backend).

Sir, I will create an API endpoint for login/Signup of the users.
Here the details of the user will be taken in accordance to the User schema created, during signing up those details will be stored in the database(locally for now).
Then, when the user logs in he will be checked (i.e the username and password he earlier gave match the once given now).

Wishing to work on this as a participant under Gssoc'22.

Feature: add a bot for sending auto review requests to mentors

Feature description

You should add a bot for sending auto review requests to mentors. This will increase the productivity as well

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Code Autocompletion Based on Starting Characters

Feature description

Currently, the code editor lacks the complete ability to suggest keywords and identifiers based on their starting characters, which would significantly enhance the coding experience by improving efficiency and reducing syntax errors.

I propose the addition of a "Code Autocompletion" feature that suggests keywords, variables, functions, and other code elements based on the characters that have been typed so far. This autocomplete functionality can be a valuable addition to the editor, making it more developer-friendly.

Though It suggests some keywords such as "cout", "include" but not "cin", "float" etc.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Documentation: create a contributing.md file

Description

A contributing.md is a great file for people to understand. Create a contributing.md

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Fix frontend

Contact Details

[email protected]

What happened?

While running code in java and python the frontend is sending wrong details to the backend. This happened because of the latest pr. Fix it.

Relevant log output

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Documentation: Contribution File addition

Description

There is no contribution.md file present in the documentations of the project . It will help the beginner who is contributing to the project for the first time to understand the core of git and how contributions is made.

@VaibhavPaliwal0007 can you assign me for this issue.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Feature: Authentication(JWT)

Feature description

Can I set up authentication using json web token, here when user logs in to our application we provide him with a token which he/she would be required to show to access the protected routes.
I wish to work on the backend part.

Participant under Gssoc’22.

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Documentation: Update commands in the Installation and Setup section of the Readme.md file

Description

There are some faulty codes in the readme file that are minor and can be easily fixed but if not fixed might give a very hard time to the beginner contributors to set up the project.

Code that has the issue

  1. Change the directory to HashIDE.

    cd HashIDE
  2. Add remote to the Original Repository.

    git add remote upstream https://github.com/hash-define-organization/hashdefine-onlineIDE.git
    

Updated code

  1. Change the directory to HashIDE.

    cd hashdefine-onlineIDE
  2. Add remote to the Original Repository.

    git remote add upstream https://github.com/hash-define-organization/hashdefine-onlineIDE.git
    

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Backend!!!

Until now, this project uses a backend running on an Open Source Compiler API. Now, we'd want to create a new backend (which would be divided into smaller components).
You can create your own issues upon what part of backend you wanna work and then it will be divided into levels of work!!

Feature: Add 404 page

Feature description

I want to add 404 page with well designed UI and with some appropriate information like we should inform the user that he has jumped or redirected to wrong page or the page he is trying to find is not available.

Please assign this issue to me under GSSOC '22.

Thanks!

👀 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

  • I agree to follow this project's Code of Conduct

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.