Stelix Website

Description

Stelix Website is the customer-facing web application for the Stelix platform. It provides users with an intuitive interface to access, interact with, and manage the core features and services offered by Stelix.

Table of Contents

• Features
• Tech Stack
• Getting Started
• Available Scripts
• Project Structure
• Contributing

Features

• 🚀 Built with Next.js for fast server-side rendering and routing.
• 💅 Styled using Tailwind CSS for rapid UI development.
• 🔐 Authentication with NextAuth.js.
• 🗄️ Backend integration via Supabase.
• 📅 Advanced date handling and calendar UI using date-fns and react-day-picker.
• 🎨 Modern UI components and icons via @headlessui/react, @heroicons/react and lucide-react.

Tech Stack

Core:

• Next.js
• React
• Tailwind CSS
• NextAuth.js
• Supabase

UI & Date:

• @headlessui/react
• @heroicons/react
• lucide-react
• date-fns
• react-day-picker

Development:

• ESLint
• PostCSS

Getting Started

1. Clone the repository:

   git clone https://github.com/MatinT-SA/stelix-website.git
   cd stelix-website

2. Install dependencies:

   npm install
   # or
   yarn install

3. Set up environment variables:

   • Copy .env.example to .env.local and fill in your values.

4. Run the development server:

   npm run dev
   # or
   yarn dev

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

Available Scripts

• npm run dev – Run the app in development mode.
• npm run build – Build the app for production.
• npm start – Start the production server.
• npm run lint – Lint your code.

Project Structure

stelix-website/
├── pages/        # Next.js pages
├── components/   # React components
├── public/       # Static assets
├── styles/       # CSS and Tailwind styles
├── utils/        # Utility functions
├── package.json
└── ...

Contributing

Contributions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-branch

3. Commit your changes:

   git commit -m "Added a new feature"

4. Push to your branch:

   git push origin feature-branch

5. Open a Pull Request.

Enjoy using Stelix and happy coding! 🚀