Gelecek Bilimde Frontend

This is the frontend project for the Gelecek Bilimde website, built with TypeScript and Next.js. It utilizes Tailwind CSS for styling, ESLint and Prettier for linting and formatting, and pnpm for package management.

For authentication, it uses NextAuth.js. Data fetching is handled by Tanstack Query v4, and forms are managed with React Hook Form. Axios is used for HTTP requests, and icons are provided by Lucide. UI components are built with Radix UI and shadcn/ui.

REST API Postman Collection

Access the REST API Postman here.

Contributing

Please read our CONTRIBUTING.md file for details on our code of conduct and the process for submitting pull requests.

Getting Started

Prerequisites

• Node.js - Node.js®, JavaScript runtime built on Chrome’s V8 engine.
• pnpm - Fast and efficient package manager.
• git - Distributed version control system.
• Visual Studio Code (Opsiyonel) - Optimized code editor for building and debugging modern web applications.

Installation

git clone https://github.com/gelecekbilimde/gelecek-bilimde-frontend.git
cd gelecek-bilimde-frontend 
pnpm i

Running the Project

Copy the .env.example file to .env in the root of the project and fill in the required environment variables:

pnpm dev

Technologies

• Next.js - Production-grade React framework.
• TypeScript - Typed superset of JavaScript.
• Axios - Promise-based HTTP client.
• React Hook Form - Performant form handling and validation library.
• Tanstack Query v4 - Powerful data fetching and state management.
• NextAuth.js - Authentication for Next.js applications.
• Tailwind CSS - Utility-first CSS framework.
• İconify - Unified icon framework.
• Radix UI - Accessible UI components for building high-quality web interfaces.
• shadcn/ui - Customizable UI components for React.
• ESLint - Tool for identifying and fixing problems in JavaScript code.
• Prettier - Opinionated code formatter to ensure consistent code style.