🌿 Syloti

Your Sylhet, your language — Learn Sylheti, practice Nagri script, ask AI, explore Sylhet — all public and free.

A modern, open-source platform dedicated to preserving and teaching the Sylheti language and culture. Built with Next.js and designed for the community.

✨ Features

• 📚 Interactive Lessons — Learn Sylheti through structured, engaging lessons
• ✍️ Nagri Script Practice — Master the Sylheti Nagri writing system
• 🤖 AI Assistant — Get help with translations, grammar, and language questions
• 🗺️ Tourism Guide — Explore the beautiful region of Sylhet

🚀 Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS 4
• Fonts: Geist (Sans & Mono)
• React: 19.2.0

📋 Prerequisites

• Node.js 18+
• npm, yarn, pnpm, or bun

🛠️ Getting Started

Installation

# Clone the repository
git clone https://github.com/codewithashim/Syloti.git
cd Syloti

# Install dependencies
npm install
# or
yarn install
# or
pnpm install
# or
bun install

Development

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.

The page auto-updates as you edit files. The project uses hot-reload for instant feedback.

Build

Create an optimized production build:

npm run build

Start Production Server

npm start

Lint

Run the linter:

npm run lint

📁 Project Structure

Syloti/
├── src/
│   ├── app/                 # Next.js App Router
│   │   ├── layout.tsx       # Root layout with Header & Footer
│   │   ├── page.tsx         # Home page
│   │   └── globals.css      # Global styles
│   ├── components/
│   │   └── shared/          # Shared components
│   │       ├── Header.tsx   # Navigation header
│   │       └── Footer.tsx   # Footer component
│   └── features/            # Feature-based modules
│       └── home/
│           ├── Home.tsx
│           └── hero/
│               └── HeroSection.tsx
├── public/                  # Static assets
├── package.json
├── tsconfig.json
└── next.config.ts

🎨 Design System

The project uses a green color palette inspired by Sylhet's natural beauty:

• Primary Green: #1B8A3B
• Dark Green: #0D4D1F
• Light Green: #A5D6A7
• Background: #F5F9F4

🌐 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

🤝 Contributing

Contributions are welcome! This project is built for the community, by the community.

Please read our Contributing Guide and Code of Conduct before contributing.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

For more details, see CONTRIBUTING.md.

📝 License

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

For copyright information, see COPYRIGHT.

📚 Documentation

• Contributing Guide - How to contribute to the project
• Code of Conduct - Community guidelines
• Security Policy - How to report security vulnerabilities
• License - MIT License
• Copyright - Copyright information
• Sponsors - Our sponsors and how to support us
• Changelog - Project changelog
• Authors - Contributors and maintainers

👨‍💻 Developer

Developed by Ashim Rudra Paul

• GitHub: @codewithashim
• Email: codewithashim@gmail.com
• Repository: https://github.com/codewithashim/Syloti.git

See AUTHORS.md for a complete list of contributors.

🔗 Resources

• Next.js Documentation
• Learn Next.js
• Tailwind CSS Documentation
• TypeScript Documentation

🚢 Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform:

Check out the Next.js deployment documentation for more details.

---

Made with ❤️ for the Sylheti community