Chingu-pen

Chingu-pen is a new online code editor based on web development. Instead of installing different IDEs just to test out a perticular website's layouts and designs.You can just visit our website online and enter your code. This makes your job much easier when you have to create a website just to view the design. You can implement your different ideas or to test your web development skills just by writing your code in this new online code editor which gives you the preview of your desired website.

How to use ?

There are three text boxes namely HTML,CSS and Java Script.
Write your HTML,CSS and Java Script codes in those respective text boxes and click run. That is it. Have fun!

Installation

1.Fork the repository to your Github account with the Fork option at the top right of the screen

2.Clone the Project to your local environment by copying the url of the repositiory git clone

3.Get into the project repo by cd v33-toucans-team-03

4.Install all the dependencies using the npm packages npm install

5.Start the local environment server using npm start

Screenshots

This is what you will see when you visit your IDE Home Page

All you have to do is write your code in these respective html,css and java script editors and click on the 'Run' button. This will give you the output on the right side of the page. Below if you are using your mobile. Output screen

We also have cool new editor themes which you can select as per your liking for the best experience while coding! Dark Theme

Do you want to see your design in full screen? we've got it covered. Just click on the 'Full screen' button after running your code.

If you want to scrap the design you just created/ test a new one then click on 'Clear Design' button and update your code in the editor. There are separate clear buttons for each of the editors just so you want to delete your code completely and start over.

Contribution Guidelines

We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:

Reporting a bug
Discussing the current state of the code
Submitting a fix
Proposing new features
Becoming a maintainer

In order to help new open souce enthusiasts to contribute, you can find some "good first issue" in the issues section or create one for yourself

Hosting

The following link will take you directly to our website by clicking on it or you can copy and paste this link on your browser https://chingu-pen.herokuapp.com/

Happy Coding!