Skip to content

DevBook is a social development environment for front-end designers and developers. A project editor that supports HTML, CSS, and JavaScript, where you can show off your work, build test cases to learn and debug, and find inspiration .

License

Notifications You must be signed in to change notification settings

sudip-101/DevBook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Welcome to DevBook πŸ‘‹πŸ’»

Live Website for DevBook : Open your Book!


Repository

DevBook is a social development environment for front-end designers and developers. A project editor that supports HTML, CSS, and JavaScript, where you can show off your work, build test cases to learn and debug, and find inspiration .

Join Here

Join us to build a real-time platform which is built drawing inspiration from CodePen like code editor but with advance features and better enhancements. There are already some extra features like parentheses adding, code folding, auto-tag complete, linting features, auto-saving your previous code in local storage in this some of which you'll not find in other similar code editors. We are planning to build our own code editor that will support HTML, CSS/SCSS, JavaScript/TypeScript as of now. But the bigger vision is to implement frameworks, libraries like React, Angular, Vue etc also in future.

Tech Stacks


Node

  • Node installation on Windows

    Just go on official Node.js website and download the installer. Also, be sure to have git available in your PATH, npm might need it (You can find git here).

  • Node installation on Ubuntu

    You can install nodejs and npm easily with apt install, just run the following commands.

    $ sudo apt install nodejs
    $ sudo apt install npm
    
  • Other Operating Systems

    You can find more information about the installation on the official Node.js website and the official NPM website.

If the installation was successful, you should be able to run the following command.

$ node --version
v8.11.3

$ npm --version
6.1.0

If you need to update npm, you can make it using npm! Cool right? After running the following command, just open again the command line and be happy.

$ npm install npm -g

If you want to work on this unique project and share it with the world, you can do that here. Go through the contributing guidelines here.

Subsequently, also go through the GitHub documentation on creating a pull request.

Templates to Follow

Note : One should follow these templates while creating a new issue or pull request.

Folder Structure

Folder structure of this project for your reference

β”œβ”€β”€.github
β”‚
β”‚
β”œβ”€β”€public
β”‚   β”œβ”€β”€ _redirects
β”‚   β”œβ”€β”€ index.html
β”‚
β”‚
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ components
β”‚   β”‚   β”œβ”€β”€ Editor
β”‚   β”‚   β”œβ”€β”€ Navbar
β”‚   β”‚   β”œβ”€β”€ ...
β”‚   β”œβ”€β”€ hooks
β”‚   β”œβ”€β”€ App.css
β”‚   β”œβ”€β”€ App.jsx
β”‚   β”œβ”€β”€ index.css
β”‚   β”œβ”€β”€ index.jsx
β”‚
|
β”œβ”€β”€ code_of_conduct.md
β”œβ”€β”€ contributing.md
β”œβ”€β”€ LICENSE
β”œβ”€β”€ package.json
β”œβ”€β”€ package-lock.json
└── .gitignore
β”œβ”€β”€ README.md

Workflow:

  • Fork the repository

  • Clone your forked repository using terminal or gitbash.

  • Make changes to the cloned repository

  • Add, Commit and Push

  • Then in GitHub, in your cloned repository, find the option to make a pull request ( Don't forget to select DSCKGEC/DevBook as the base repository while creating new pull request as this repo has been forked from the main repo that is in my personal GitHub account ).

NOTE : For more details Click Here!

Installation

$ npm install

Running the project

$ npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.


console.log ( " Start contributing for Codeaon " );

Open Source Programs


KGEC Summer Of Code

Valuable Contributors

Special thanks goes to all of the mentees who made a choice to make an impact. Contributions of any kind are welcome!πŸš€

Code Of Conduct

You can find our Code of Conduct here.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Project Admin

Sudip Maiti

Give this Project a Star

If you liked working on this project, do ⭐ and share this repository.

πŸŽ‰ 🎊 πŸ˜ƒ Happy Contributing πŸ˜ƒ 🎊 πŸŽ‰


Β© 2022 DSC_KGEC

forthebadge forthebadge

About

DevBook is a social development environment for front-end designers and developers. A project editor that supports HTML, CSS, and JavaScript, where you can show off your work, build test cases to learn and debug, and find inspiration .

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published