GithubHelp home page GithubHelp logo

chrome-extension's Introduction

Chrome-Extension

This Chrome extension can be used to save the articles that someone likes on the internet. It requires Title and Body of the article to be pasted inside the given fields. Url of the website will be automatically detected and copied in the url field. It provides option to save the articles and fetch the saved articles as well. Fetching the saved articles will open up a new tab showing all the saved articles. On clicking upon any of the saved articles, a new tab pops up redirecting the person to a new tab which will display the title, body and url of all the saved articles. On clicking upon any of the saved article, it will open a new tab redirecting the person to the saved article's url.

This is a very basic extension without much features and design. I have used basic html, css and javascript to develop this project. Additionally I have added Bootstrap to some part. It could have been improved by adding React and using material-ui to add css.

For the backend part, initially I was setting up firebase server to save the data but later I dicovered that ExpressJs framework with mongodb is preferred over this. I finally managed to set up NodeJs, ExpressJs and MongoDb as my backend and I'm storing all the data on the mongodb.

I created 2 APIs - POST and GET request. I tested them initially with the help of Postman and later I integrated the response received to the frontend.

There are a lot of modifications still possible and again its just a basic working sample to meet the requirements of the task now.

How to run backend server?

  1. start the backedn server by using the command "nodemon run start"

chrome-extension's People

Contributors

arnav1408 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.