GithubHelp home page GithubHelp logo

powerlevel9000 / programming-quotes Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 1.17 MB

This a quote machine, i made this website for practicing a advance feature of Api project is limit loading ,onscroll loading and infinite scroll accroding to the data with the help of a tutorial. do check out

CSS 37.05% HTML 12.36% JavaScript 50.59%
api css3 infinite-scrolling javascript

programming-quotes's Introduction

logo

Programming Quotes



logo

๐Ÿ“— Table of Contents

๐Ÿ“– Programming Quotes

This Project is Random Quote machine with pagination on scroll

Programming Quotes is a api based application for showing programming quotes

๐Ÿงช Linters And Deployment

Linters pages-build-deployment

๐Ÿ›  Built With

Tech Stack

In this project I used my skills, tech and libraries

Documentation
Styling
Dynamics And Logics

Key Features

Following features you should observe

  • Programming Quote on page
  • Quotes will paginate on scroll

(back to top)

๐Ÿš€ Live Demo

This link will guide you to my project live link ๏ผˆ๏ฟฃ๏ธถ๏ฟฃ๏ผ‰โ†—ใ€€

(back to top)

๐Ÿ’ป Getting Started

For having local file and project you can fork this repo or clone it using git clone https://github.com/PowerLevel9000/Programming-Quotes.git And for making changes you you should follow prerequisites

Prerequisites

In order to edit this project you need:

  • Any text editor such as note pad and word pad
  • A web browser
  • Node js installed
  • An IDE

Suggested IDE

  • Visual studio code I prefer this one ๐Ÿ™ƒ๐Ÿ™ƒ
  • Atom
  • Sublime
  • IntelliJ IDEA
  • Visual code

Setup

Clone this repository to your desired folder:

  • Open the live server of vs-code or open index file in browser

  • Before deployment have some linter check

    • npx stylelint "**/*.{css,scss}" for css and saas file
    • npx eslint . for js files
    • npx hint . for html files
  • After fixing error build deploy for production

Install

npm i 

Usage

  • For displaying Programming quotes
  • Pagination of quotes on scroll

Run tests

  • Currently, this Project don't have any Unit test
  • You can do manual checking
    • Score added properly
    • Form validation for score and scorer work properly

Deployment

You can deploy this project using:

  • For this repo and use git hub pages to deploy it

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Adarsh Pathak

๐Ÿ”ญ Future Features

  • Improved Navigation Bar
  • Improve functionality
  • Improve styling

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like my Project give it a Star โœจ๐ŸŒŸ Or buy Me a Coffee ๐Ÿฅ‚

(back to top)

๐Ÿ™ Acknowledgments

I want to Acknowledge FCC it is great resource to learn web development

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

programming-quotes's People

Contributors

powerlevel9000 avatar

Stargazers

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