https://github.com/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.
https://github.com/abdelaziz-mahdi/grocery-list

bootstrap create-react-app grocery-list list react single-page-applications

Last synced: 27 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/abdelaziz-mahdi/grocery-list
• Owner: Abdelaziz-Mahdi
• Created: 2023-06-12T20:41:41.000Z (over 1 year ago)
• Default Branch: development
• Last Pushed: 2024-04-20T17:14:44.000Z (7 months ago)
• Last Synced: 2024-05-17T15:35:54.363Z (6 months ago)
• Topics: bootstrap, create-react-app, grocery-list, list, react, single-page-applications
• Language: JavaScript
• Homepage: https://grocery-list-eaqi.onrender.com/
• Size: 2.6 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




Grocery List



 

  

  




# 📗 Table of Contents

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

  - [🛠 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](#deployment)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

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

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 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 

- Hosted on Render : ([Grocery List Link](https://grocery-list-eaqi.onrender.com/))

(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:

- cd my-folder

- git clone [https://github.com/hernandanielzamora/Javascript-Capstone.git](https://github.com/hernandanielzamora/Javascript-Capstone.git)

### 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

- GitHub: [@Abdelaziz-Ali](https://github.com/Abdelaziz-Ali)

- Twitter: [@AbdelazizDV](https://twitter.com/AbdelazizDV)

- LinkedIn: [in/abdelaziz-mahdi](https://www.linkedin.com/in/abdelaziz-mahdi)

(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 

- Template used in the project provided by ([Procademy](https://www.youtube.com/@procademy))!

- Logo by ([Eco icons created by Freepik - Flaticon](https://www.flaticon.com/free-icons/eco))!

(back to top)


## 📝 License 

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

(back to top)