PERN STORE

A full-stack e-commerce project built with Postgres, Express, React and Node.

Swagger API Documentation

Documentation

Demo

Run demo

Screenshots

Database Schema

Run Locally

Clone the project

git clone https://github.com/dhatguy/PERN-Store.git

Go to the project directory

cd PERN-Store

Install dependencies

npm install

Go to server directory and install dependencies

npm install

Go to client directory and install dependencies

npm install

Go to server directory and start the server

npm run dev

Go to client directory and start the client

npm run client

Start both client and server concurrently from the root directory

npm run dev

Deployment

To deploy this project run

npm run deploy

Check this article for guidance
on how to deploy.

Tech

• React
• Node
• Express
• Postgres
• node-postgres
• Windmill React UI
• Tailwind-CSS
• react-hot-toast
• react-Spinners
• react-helmet-async

Environment Variables

To run this project, you will need to add the following environment variables to your .env files in both client and server directory

client/.env

REACT_APP_GOOGLE_CLIENT_ID
REACT_APP_GOOGLE_CLIENT_SECRET
REACT_APP_API_URL
REACT_APP_STRIPE_PUB_KEY

server/.env

PGUSER
PGHOST
PGPASSWORD
PGDATABASE
PGDATABASE_TEST
PGPORT
PORT
SECRET
REFRESH_SECRET
SMTP_FROM
STRIPE_SECRET_KEY

Contributing

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Feedback

Joseph Odunsi – @odunsi – odunsiolakunbi@gmail.com
Project Link: https://github.com/dhatguy/PERN-Store
Demo Link: https://pern-store.netlify.app