Git Product home page Git Product logo

text_editor's Introduction

Text_Editor

Created for course project of CS455

Client : Anyone in need a web-based text-editor

  1. Currently all the issues are raised which we think are required for the developement of this software.
  2. We have also added an estimated six-week developement plan with week-wise fragmentation of solving the issues.
  3. Overview.pdf file contains the summarized form of requirements and also the ideation of the tech-stacks.

Code/File Structure

  • Client file contains the UI/UX and functionalities of the software
  • '/Cient' contain index.html and a folder src. index.html contains the HTML of the interface. src folder contains the CSS & JS of the application
  • '/Client/src' contains folders for CSS and JS used in the application
  • CSS folder has two files main.css and editor.css which contain the CSS related to the main application and editor respectively
  • JS folder contains main.js and text_styles.js which are for the relavent functions for the software( such as auto-saving ) and text_styling functions
  • JS folder also contains test.js which has 4 function to test - for navbar toggle, for file addition and local storage, text styling functions and opening and saving files

Implementation

  • The application in its current state supports creation & opening of files and some basic text-editing functionalities
  • Earlier we were going to use MongoDB for the database, but due to some difficulties in implementing some functionalities, One of the team mates suggested to shift towards 'localStorage' for our application [ prev work - TodoList]
  • Since the team-members were familiar with working with the 'localStorage', we went ahead with our implementations.
  • More details can be seen in the Discussions.pdf
  • The test will automatically run at page reload but to test again use function testall(); in the console

Report

  • Initial progress of the team was slow, because of the tech-stacks selection process and learning about them. We catched up with the developement in the mid-phase but again due to some implementation level difficulties, we had to switch to a different plan altogether.

References

  • MDN web-docs
  • W3Schools

Team Members

  • Mohd Umam [ 200595 ]
  • Maurya Jadav [ 200567 ]
  • Nishi Mehta [ 200645 ]
  • Gargi Naladkar [ 200371 ]

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.