Shoppingify

Solution for a challenge from Devchallenges.io.

Demo | Client solution | Server solution | Challenge

Table of Contents

• Overview
  • Built With
  • UML diagram
• Features
• How to use
• Contact
• Images

Overview

Page where you can create shoping lists, save them, keep a record of them and watch some statistics about items you buy.

Built With

• React
• Tailwind
• Laravel
• React Query
• Axios
• React Hook Form
• React Hot Toast
• React Icons
• React Router
• Zustand
• Recharts

UML diagram

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

Client side

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/AdriaGual/shoppingify_client

# Install dependencies
$ npm install

# Run the app
$ npm start

Server side

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/AdriaGual/shoppingify_server

# Install dependencies
$ php artisan migrate
$ php artisan db:seed

# Run the app
$ php artisan serve

Images

Contact

• Website adriagual.tk
• GitHub @AdriaGual
• Twitter @walie_6
• Linkedin @Adrià Gual