https://github.com/mrinspection/gbit-website

Un projet de taille moyenne avec des fonctionnalités très intéressantes que j'ai pu apprendre et manipuler comme la mise en cache, le routage dynamique et plus encore avec NextJS.
https://github.com/mrinspection/gbit-website

nextjs prisma react shadcn-ui supabase tailwind tailwindcss typescript

Last synced: about 3 hours ago
JSON representation

Un projet de taille moyenne avec des fonctionnalités très intéressantes que j'ai pu apprendre et manipuler comme la mise en cache, le routage dynamique et plus encore avec NextJS.

• Host: GitHub
• URL: https://github.com/mrinspection/gbit-website
• Owner: MrInspection
• Created: 2024-04-28T21:20:23.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-09-11T18:35:42.000Z (about 2 months ago)
• Last Synced: 2024-09-12T04:53:17.897Z (about 2 months ago)
• Topics: nextjs, prisma, react, shadcn-ui, supabase, tailwind, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://pulabs-gbit.vercel.app
• Size: 2.45 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# GBIT Website (School)

The `GBIT Website` is a school project with the aim of providing the Lycée Gaston Berger Student Association with a website. The website must be mobile responsive and must contain a landing page, a contact form that stores contact information into a database and also a privacy policy to be in line with the EU `General Data Protection Regulation`.

> **NOTE**: I have drastically improved the landing page and some authentication issues concerning this project.

![](public/spectronlabs.png)

## 🔄️ Features 

- Prisma ORM `Database Management`

- Supabase Database `PostgreSQL Database`

- Authentication System

  - Custom Login Page

  - Passwordless Auth

  - 0Auth : Google & Microsoft

      

- Community System

  - Comment Section

  - Subreddit Section

  - Voting System : `UPVOTE, VOTE`

  - Pagination System

- Username Generator

- Dynamic Routing

- Caching & Pending States

- Streaming with Suspense Boundaries

- Server Side Implementation

- Speed optimization

## 🛠️ Development Stack 

- `NextJS`

- `Typescript`

- `TailwindCSS`

- `Shadcn UI`

- `React`

## Environment Variables

```dotenv

KINDE_CLIENT_ID=

KINDE_CLIENT_SECRET=

KINDE_ISSUER_URL=

KINDE_SITE_URL=

KINDE_POST_LOGOUT_REDIRECT_URL=

KINDE_POST_LOGIN_REDIRECT_URL=

DATABASE_URL=

DIRECT_URL=

```

## How to run this project ?

To run this project on your local environment, follow the following steps : 

- Clone the repository to your local machine or download the source code.

- Run the command `npm install` in the project directory to install the **required** dependencies

- Run the command `npm run start` to start the `production build` of the project.

- Open your internet browser and go to the following address: [http://localhost:3000](http://localhost:3000)

  ㅤ

---

## What can I improve ?

- Use NextAuth instead of Kinde Auth for user authentication.

- Use a Markdown text editor instead of invoking an external library.

- The ability to use the voting system on comments.

- The ability to upload images and further customize the user profile.