ESL-Egyptian sign language

this project aimed to bridge the gap for those who can’t speak or hear by teaching sign language through comprehensive platform. Given the educational nature, we developed both a website and a mobile application.

Website Overview:

- 14 Pages with a sleek Dark Mode and an AI Assistant for enhanced learning.

- Onboarding Pages: Developed 4 pages that auto-navigate the first one after 3 seconds.

- Loading Page: Auto-navigates to the home page after 3 seconds.

- Home Page

- Other Pages: Developed the About, Videos, Articles, Dictionary, and AI Tutorial pages independently

- Theme Page: Activated dark mode across the whole website using TailwindCSS and local storage which is something I'm very proud of.

- Enhancements: Added a footer and lots of animations for a more engaging user experience.

AI Assistant:

- was able to develop the AI from scratch using Alan AI platform, from backend development to UI design and integration. The AI can be used via text or audio, providing responses in both formats.

Tools & Technologies:

- Vite Tool for better performance.

- React.js and TailwindCSS: Core development.

- Packages:

- React Router Dom for navigation.

- React Player/Youtube for video display.

- Alan AI for AI integration.

- React Loader Spinner for loading animations.

- FontAwesome for icons.

Features:

- Comprehensive educational content.

- Dark mode for a comfortable user experience.

- Interactive AI assistant.

- User-friendly interface.