Giter Club home page Giter Club logo

marcinbrojek / www-editor Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.42 MB

A web application for writing C programs. It functions as an online text editor, allowing users to create and manage their programs in a web-based environment. The application is a single-page web app, providing a seamless user experience without page refreshes.

Python 1.19% JavaScript 70.42% CSS 3.71% Shell 0.01% HTML 24.67% C 0.01%
django html javascript online-text-editor web-aplication

www-editor's Introduction

Online editor

This repository hosts a web application designed for writing programs in the C language. It functions as an online text editor that enables users to create programs directly within a web-based environment. The application operates as a single-page web app, ensuring a seamless user experience without the need for page refreshes.

Key features include the ability for users to create and delete their own files after setting up an account. The application leverages technologies such as Django, jQuery, Frama-C, and CodeMirror. These tools collectively enable functionalities such as code writing, syntax highlighting, and code analysis.


How to start server?

  1. create python environemnt and install dependencies from requirements (in main directory)
> python -m venv ./myenv
> source myenv/bin/activate
> pip install -r requirements.txt
  1. install frama-c, instruction on page: https://frama-c.com/html/get-frama-c.html

  2. run server (locally)

> python manage.py migrate
> python manage.py runserver
  1. go to web brower to adress http://127.0.0.1:8000 and use application (as user, when logged)

For more information about database go to http://127.0.0.1:8000/admin (login: admin, password: admin)


Technologies versions:

In project used:

  • django (4.2.13)
  • jquery (3.6.0) - already in static directory
  • codemirror (5.61.1) - already in static directory
  • frama-c (22.0 (Titanium))

Usage tips:

  • to add/remove, log into app; the structure for files is:
    directory_1 / ... / directory_n / file / file section
  • in reality user does not delete files, only hides them;
    from admin perpective they can be removed
  • when admin deletes files - they should be removed in order:
    file section -> file -> directory, so dependecies will be erased in proper manner

Application preview

: Code example : : Night mode : : Account register :
1 2 3

Tutorial (of frama-c) and code examples can be found at: https://github.com/AllanBlanchard/tutoriel_wp

www-editor's People

Contributors

marcinbrojek avatar

Watchers

 avatar

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.