This is a T3 Stack project bootstrapped with create-t3-app.
Create a .env file with the contents of .env.example.
Open a terminal window and run docker compose up to start the db container.
Sync the prisma schema with db and seed the database (Only for the first time):
npx prisma db push
npm run db-seed
Open another terminal window and run ``npm run dev` to start the dev server.
The cart is currently stored in memory using a state library called jotai. Jotai has some documenation on how to make it persistent in local storage.
The implementation for the store is done all in the frontend in the file cartStore.ts.
There is one admin user that will be added when the database is seeded initially. To change the credentails, update the
.env file by changing ADMIN_USERNAME and ADMIN_PASSWORD and run npm run db-seed.
Note: This wipe the database.
If you want to update the credentails without resetting the database, you would have to modify the username and password directly. One way to do that is to use prisma studio's UI.
Open a new terminal and run npx prisma studio. Modify the username.
Modifying the password is a bit more tricky since you would have to generate the hashed password using a site like bcrypt generator and update the passowrd in the db with the hashed password.
Authentication is handled by a library called NextAuth. The login logic can be found in the file auth.ts.
Refer to the create t3 docs.
Styling is handle by shadcn/ui which is different from the traditional component library because components aren't 'installed'
into the codebase. Instead it provides the code for components using tailwindcss and headlessui.
The color scheme can be configured in the global.css file. More info can be found in the shadcn/ui docs.
Note: the shadcn/ui cli isn't setup yet.