JitCyber

Participating in cyberwarrior2025.io

---

Team SkillSync

• Leader: Nyi Lynn Htwe
• Htet Oo Wai Yan
• Tain Yan Htun
• Pann Ei Ko Ko
• Naw Khu Paw Moo

---

Overview

JitCyber is a web platform dedicated to educating Thai people about cybersecurity. The project aims to empower users with practical knowledge, tools, and resources to stay safe online.

Features

• User authentication (NextAuth.js)
• Interactive UI with React and Next.js
• Email notifications (EmailJS)
• Animations and transitions (Framer Motion)
• Real-time messaging and notifications (React Toastify)
• Integration with Google GenAI via LangChain
• MongoDB database integration
• Secure password handling (bcryptjs)

Tech Stack

• Frontend: React 19, Next.js 15
• Backend/Fullstack: Next.js API routes, MongoDB
• Authentication: next-auth
• UI/UX: Tailwind CSS, Framer Motion, Lucide React icons
• Email: EmailJS
• AI Integration: LangChain for Google GenAI
• Others: TypeScript

Getting Started

Prerequisites

• Node.js (v18 or later)
• Yarn or npm

Installation

git clone https://github.com/nyilynnhtwe/jitcyber.git
cd jitcyber
npm install
# or
yarn

Development

npm run dev
# or
yarn dev

The app will be available at http://localhost:3000

Build for Production

npm run build
npm start
# or
yarn build
yarn start

Project Structure

• /pages - Next.js pages and API routes
• /components - React components
• /public - Static assets
• /styles - Styling (Tailwind CSS)
• package.json - Project dependencies and scripts

Contributing

Pull requests and suggestions are welcome! For major changes, please open an issue first to discuss what you would like to change.

License

MIT

---

Made with ❤️ for Cyberwarrior 2025 by Team SkillSync