An open API service indexing awesome lists of open source software.

https://github.com/powerlevel9000/skip-page-rem-waste

This is an interview takeaway project of REM waste where i have to redesign there skip page to make it alive
https://github.com/powerlevel9000/skip-page-rem-waste

js react redux scss

Last synced: 2 months ago
JSON representation

This is an interview takeaway project of REM waste where i have to redesign there skip page to make it alive

Awesome Lists containing this project

README

          



logo



Skip Page REM Waste




App Mock


logo
logo






# ๐Ÿ“— Table of Contents

- [๐Ÿ“– About the Project](#about-project)
- [๐Ÿงช Linters And test](#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)
- [๐Ÿง‘โ€๐Ÿ’ป Credits ](#credit)
- [๐Ÿ“ License](#license)

# ๐Ÿ“– REM Waste Skip Page
**REM Waste Skip Page** Welcome to the REM Waste Skip Page!
here you can see the details of the skip, price and resources we are offering

## ๐Ÿงช Linters And test
[![Linters](https://github.com/PowerLevel9000/skip-page-rem-waste/actions/workflows/linters.yml/badge.svg)](https://github.com/PowerLevel9000/skip-page-rem-waste/actions/workflows/linters.yml)

## ๐Ÿ›  Built With

### Tech Stack

> In this project I used many skills, tech and libraries

Markup

Styling


### Key Features

> Following features you should observe

- **you can see various skips listed on home page**
- **You can see the pop up details**
- **you can see and select the skip**
- **based on selection continue overlay displayed**

(back to top)

## ๐Ÿ’ป Getting Started

>For having local file and project you can fork this repo

>And for making changes you you should follow prerequisites

### Prerequisites
To edit this project you need:
- Node.js installed
- A Terminal
- A web browser
- An IDE

- suggested IDE
- visual studio code
- atom
- visual code

### Setup

Clone this repository to your desired folder:

- And run `npm i` in root dir to install node modules
- Then run `npm run dev` or `npm start`
- All this makes our project open in the browser

### Usage

Execute the following thing:

- Select Skip based on price

### Run tests And Linter

- To run all test cases you need to run `npm run test` in the root dir
- Linters for files run in the root dir
- `npx eslint "**/*.{js,jsx}` for JS or JSX linting
- `npx stylelint "**/*.{css,scss}"`for CSS or SCSS linting
- `--fix` flag for instant fixable fix

### Deployment

You can deploy this project using:
- Fork our Repo and clone it or download `zip` and extract it
- Edit some changes
- Run `npm run build` to make our project production ready
- deploy it using [GitHub](www.github.com) pages
- or use Netlify or Render

(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

> Description 1 - 3 features that will be added to the project.

- [ ] **Search Feature**
- [ ] **Grind an list theme listing**
- [ ] **Stats chart of skip selected like skip handling efficiency and management**

(back to top)

## ๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/PowerLevel9000/skip-page-rem-waste/issues).

(back to top)

## โญ๏ธ Show your support

If you like my Project give it a Star โœจ๐ŸŒŸ
or

[![BuyMeACoffee](https://img.shields.io/badge/Buy%Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://buymeacoffee.com/adi8090808E)

(back to top)

## ๐Ÿ“ License

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

(back to top)