Abdelaziz-Mahdi / grocery-list

Grocery List Template is a React single-page Application, Built using CRA, It has pre-inserted grocery items and you can add more using the form at the top of the list you can also filter the list to display available or unavailable items only.

Home Page:https://grocery-list-eaqi.onrender.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Grocery List

Screenshot Grocery List

πŸ“— Table of Contents

πŸ“– Grocery List

Grocery List Template is a React single-page Application, Built using CRA, It has pre-inserted grocery items and you can add more using the form at the top of the list you can also filter the list to display available or unavailable items only.

πŸ›  Built With

Tech Stack

Languages & bundlers
  • JSX
  • ES6
  • React
Server
  • Render
Database
  • -

Key Features

  • Single page application.
  • Use React.

(back to top)

πŸš€ Live Demo

(back to top)

πŸ’» Getting Started

If you want to get a local copy up and running, please follow these steps.

Prerequisites

In order to run this project you need:

  • Install Node.js.
  • Visual Studio Code or equivalent.
  • Internet Browser.

Setup

Clone this repository to your desired folder:

Install

Install this project with the following:

  • cd my-project
  • git config --global --add safe.directory my-directory/my-folder/my-project

Usage

To run the project, execute the following command:

  • code .
  • npm install
  • npm start

Run tests

To run tests, run the following command:

npm test

Deployment

You can deploy this project using:

  • render.com

(back to top)

πŸ‘₯ Authors

πŸ‘€ Abdelaziz Ali

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

πŸ™ Acknowledgments

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

About

Grocery List Template is a React single-page Application, Built using CRA, It has pre-inserted grocery items and you can add more using the form at the top of the list you can also filter the list to display available or unavailable items only.

https://grocery-list-eaqi.onrender.com/


Languages

Language:JavaScript 83.2%Language:HTML 12.5%Language:CSS 4.3%