Cart Checkout Project
A simple cart, checkout, and order confirmation project built with the latest Remix v2, using GraphQL, JSON-Server, and MongoDB managed via Prisma. Featuring TypeScript for type safety and Tailwind CSS for a responsive design
Checkout Project
- 📖 Remix docs
Development
Add .env in root (prisma)
DATABASE_URL="mongodburl"
- you will have issues if your mongo_url has characters like @ $ / : , etc.
- it should be percent-encoded (check here)
Run the prisma command
npx prisma generate
npx prisma db push
Run the graphql-server:(port 3000)
json-graphql-server graphql-server.json
Run the dev server:
npm run dev
DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of npm run build
build/serverbuild/client
Styling
- This template comes with Tailwind CSS already configured for a simple default starting experience.
- This project is fully responsive
