rasenx/PERN-Store

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

PERN STORE

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

API Documentation

Documentation

Demo

Run demo

Screenshots

ER Diagram

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

GMAIL_EMAIL

STRIPE_SECRET_KEY

OAUTH_CLIENT_SECRET

OAUTH_CLIENT_ID

OAUTH_REFRESH_TOKEN

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