Joga Bonito Admin

A full stack ecommerce admin website where you can add products, look at orders, and find many different statistics.


How It's Made

Next.js, React, Node.js, Express, AWS S3, MongoDB, and Tailwind CSS


How to Use

If the user has admin access, he is able to login.
Login with demo:
Email: admin@jogabonito.com
Password: demo123

The home menu has a lot of information about the store. The user can see the last 3 current orders, total orders, and total products. The can also see a graph that shows monthly orders placed and monthly sales.


This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.