• 

TaskFlick - Transform Tasks into Epic Quests

Transform ordinary tasks into epic quests with AI-powered narratives!

✨ Features

• 🎮 Gamified Experience: Transform boring tasks into exciting quests
• 🧙‍♂️ AI-Powered Content: Generate quest narratives and motivational messages
• 🌟 Achievement System: Earn XP and track your progress
• 🏆 Streaks & Stats: Build habits with daily streak tracking
• 📱 Beautiful UI: Smooth animations and modern design
• 🔄 Offline & Online: Works with or without internet connection

📱 Screenshots

Screenshots coming soon!

🧩 Project Structure

The project consists of two main directories:

Frontend (React Native)

TaskFlick/
  ├── assets/            # App logos and images
  ├── src/
  │   ├── assets/        # Additional assets
  │   ├── components/    # Reusable UI components
  │   ├── context/       # React Context for state management
  │   ├── screens/       # App screens
  │   └── utils/         # Helper utilities
  ├── App.js             # Main application entry
  ├── app.json           # Expo configuration
  └── package.json       # Dependencies and scripts

Backend (Node.js)

backend/
  ├── services/          # API service modules
  │   ├── authService.js # Authentication utilities
  │   └── graniteService.js # AI transformation service
  ├── checkConnection.js # Server connection check
  ├── server.js          # Main Express server
  └── package.json       # Dependencies and scripts

🚀 Getting Started

Prerequisites

• Node.js (v16 or newer)
• npm or yarn
• Expo CLI (for frontend)
• GitHub Desktop (for repository management)

Installation

Clone Repository

git clone https://github.com/yourusername/taskflick.git
cd taskflick

Backend Setup

cd backend
npm install
# Create a .env file with necessary API keys if required
npm start

The backend server should start running at http://localhost:3000.

Frontend Setup

cd ../TaskFlick
npm install
npx expo start

Follow the Expo instructions that appear in your terminal to open the app on your device or simulator.

🛠 Tech Stack

Frontend

• React Native: Core framework
• Expo: Development platform
• React Navigation: Navigation library
• React Native Paper: UI component library
• Async Storage: Local storage

Backend

• Node.js: Runtime environment
• Express: Web framework
• Axios: HTTP client
• Dotenv: Environment variables

📝 Usage

• Add a new quest via the "+" button
• Enter task details and transform it into a quest with AI
• Complete quests to earn XP and maintain your streak
• View stats to track your progress

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📜 License

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

👨‍💻 Authors

• Your Name - Initial work

🙏 Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

---

Made with ❤️ and React Native

Built With

• javascript