https://github.com/powerlevel9000/programming-quotes

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
https://github.com/powerlevel9000/programming-quotes

api css3 infinite-scrolling javascript

Last synced: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/powerlevel9000/programming-quotes
• Owner: PowerLevel9000
• Created: 2023-02-18T04:44:04.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2023-05-28T03:24:42.000Z (about 3 years ago)
• Last Synced: 2025-02-13T17:21:57.096Z (over 1 year ago)
• Topics: api, css3, infinite-scrolling, javascript
• Language: JavaScript
• Homepage:
• Size: 1.14 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




  

  



  
Programming Quotes


  



  

 




  



# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🧪 Linters And Deployment](#linters)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 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](https://github.com/PowerLevel9000/Programming-Quotes/actions/workflows/linter.yml/badge.svg)](https://github.com/PowerLevel9000/Programming-Quotes/actions/workflows/linter.yml)

[![pages-build-deployment](https://github.com/PowerLevel9000/Programming-Quotes/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/PowerLevel9000/Programming-Quotes/actions/workflows/pages/pages-build-deployment)

## 🛠 Built With 

### Tech Stack 

In this project I used my skills, tech and libraries

  Documentation

  


    
HTML

  


  Styling

  


    
SASS

  


Dynamics And Logics

  


    
JavaScript

  


### 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](./index.html) 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**

- GitHub: [@PowerLevel9000](https://github.com/githubhandle)

- Twitter: [@PowerLevel9002](https://twitter.com/PowerLevel9002?t=AIuSN7mTxk5a_MWpLolEjA&s=09)

- LinkedIn: [@Adarsh Pathak](https://www.linkedin.com/in/adarsh-pathak-56a831256/)

## 🔭 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](../../issues).

(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](https://www.freecodecamp.org/) it is great resource to learn web development 

(back to top)


## 📝 License 

This project is [MIT](./MIT.md) licensed.

(back to top)