Giter Site home page Giter Site logo

quiz-online-nextjs's Introduction

Next.js Full Stack Template ๐Ÿš€

This is a project template for a full-stack application built with Next.js, including Prisma, MongoDB, AuthJS v5, Shadcn UI, and Tailwind CSS.

Quick Start ๐Ÿƒโ€โ™‚๏ธ

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

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

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

Technology Stack ๐Ÿ’ป

  • Next.js: React framework for building fast, scalable applications.
  • Prisma: Modern database tool for database operations and management.
  • MongoDB: Flexible, scalable NoSQL database.
  • AuthJS v5: JavaScript library for authentication and authorization.
  • Shadcn UI: A simple, flexible UI component library.
  • Tailwind CSS: Highly customizable CSS framework.

Directory Structure ๐Ÿ“‚

.
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ app
โ”‚ย ย  โ”œโ”€โ”€ api
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ auth
โ”‚ย ย  โ”‚ย ย      โ””โ”€โ”€ [...nextauth]
โ”‚ย ย  โ”‚ย ย          โ””โ”€โ”€ route.ts
โ”‚ย ย  โ”œโ”€โ”€ client-example
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ page.tsx
โ”‚ย ย  โ”œโ”€โ”€ favicon.ico
โ”‚ย ย  โ”œโ”€โ”€ globals.css
โ”‚ย ย  โ”œโ”€โ”€ layout.tsx
โ”‚ย ย  โ””โ”€โ”€ page.tsx
โ”œโ”€โ”€ auth.config.ts
โ”œโ”€โ”€ auth.ts
โ”œโ”€โ”€ components
โ”‚ย ย  โ”œโ”€โ”€ auth-components.tsx
โ”‚ย ย  โ”œโ”€โ”€ client-example.tsx
โ”‚ย ย  โ”œโ”€โ”€ custom-link.tsx
โ”‚ย ย  โ”œโ”€โ”€ header.tsx
โ”‚ย ย  โ”œโ”€โ”€ main-nav.tsx
โ”‚ย ย  โ”œโ”€โ”€ modals
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ test-modal.tsx
โ”‚ย ย  โ”œโ”€โ”€ mode-toggle.tsx
โ”‚ย ย  โ”œโ”€โ”€ providers
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ modal-provider.tsx
โ”‚ย ย  โ”œโ”€โ”€ session-data.tsx
โ”‚ย ย  โ”œโ”€โ”€ theme-provider.tsx
โ”‚ย ย  โ”œโ”€โ”€ ui
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ avatar.tsx
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ button.tsx
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ dialog.tsx
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ dropdown-menu.tsx
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ form.tsx
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ input.tsx
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ label.tsx
โ”‚ย ย  โ”œโ”€โ”€ user-button.tsx
โ”‚ย ย  โ””โ”€โ”€ zustand-test.tsx
โ”œโ”€โ”€ components.json
โ”œโ”€โ”€ hooks
โ”‚ย ย  โ””โ”€โ”€ use-modal-store.ts
โ”œโ”€โ”€ lib
โ”‚ย ย  โ”œโ”€โ”€ db.ts
โ”‚ย ย  โ””โ”€โ”€ utils.ts
โ”œโ”€โ”€ middleware.ts
โ”œโ”€โ”€ next.config.mjs
โ”œโ”€โ”€ package-lock.json
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ postcss.config.js
โ”œโ”€โ”€ prisma
โ”‚ย ย  โ””โ”€โ”€ schema.prisma
โ”œโ”€โ”€ public
โ”‚ย ย  โ”œโ”€โ”€ next.svg
โ”‚ย ย  โ””โ”€โ”€ vercel.svg
โ”œโ”€โ”€ tailwind.config.ts
โ””โ”€โ”€ tsconfig.json

Contributing ๐Ÿค

Contributions are welcome! Check out the contributing guidelines to get started.

License ๐Ÿ“„

This project is licensed under the MIT License. See the LICENSE file for details.

quiz-online-nextjs's People

Contributors

ecarry avatar

Stargazers

wisnuary15 avatar Boobalan avatar

Watchers

 avatar

Forkers

verolynz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.