Shoppingify

Solution for a challenge from Devchallenges.io.

shopping list management with statistics and history module

Demo | Solution | Challenge

Table of Contents

• Overview
• Tech Stack
• How to use
• Author

Overview

Tech Stack

• React
• Next.js
• TypeScript
• Styled Components
• Material UI
• Framer Motion
• Recharts
• Redux
• Prisma ORM
• Mongodb

How to use

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/Jocanm/shoppingify

#Install dependencies
npm install 

#Run the app in development mode
npm run dev

You will also need to fill in the environment variables, the ones needed to run the application correctly.

#mongo connection url string
DATABASE_URL= 

# Github keys for oauth authentication
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=

# Google keys for oauth authentication
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

# Secret key for jsonwebtoken generation
NEXTAUTH_SECRET=

Author

---

• Frontend Mentor - @Jocanm