Skip to content

Young Coders' Tech Guide: An interactive web app built with Remix.js to teach children about computer science and technology through fun character-driven content.

License

Notifications You must be signed in to change notification settings

codescaptain/young-coders-guIde

Repository files navigation

Young Coders' Guide

Welcome to the Young Coders' Guide project! This educational platform is designed to introduce kids to the exciting world of technology, programming, and the internet. Through engaging quizzes and interactive learning experiences, children can explore various tech-related topics, earn certificates, and enjoy learning with our fun characters.

Young Coders' Guide is an interactive web platform aimed at young learners, featuring four main chapters, each led by a unique character:

  • Chapter 1: Computer-Related Terms - Guided by Toby Tech
  • Chapter 2: Internet-Related Terms - Guided by Ivy Internet
  • Chapter 3: Software and Programming Terms - Guided by Sammy Script
  • Chapter 4: Device-Related Terms - Guided by Danny Device

Each chapter introduces essential terms and concepts in a fun, engaging way, using quizzes and activities that reward learners with certificates.

🧩 Features

  • Interactive Quizzes: Each chapter includes quizzes that test knowledge and reinforce learning.
  • Certificate System: Learners earn certificates upon successfully completing quizzes.
  • Animated Characters: The characters come to life with animations and provide hints and tips throughout the learning journey.
  • Gamification: Levels, badges, and achievements to motivate continuous learning.
  • Parent Dashboard: Track progress, view reports, and receive personalized recommendations.

🔧 Installation

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/yourusername/young-coders-guide.git
  2. Navigate to the project directory:
    cd young-coders-guide
  3. Install dependencies:
    npm install
  4. Run the development server:
    npm run dev

The project should now be running on http://localhost:3000.

📚 Usage

Once the project is up and running:

  1. Visit the homepage where you can choose a chapter.
  2. Select a chapter to start learning with one of our characters.
  3. Complete the quizzes to test your knowledge.
  4. Earn certificates and share your progress with friends and family.

🌐 Deployment

This project is deployed using Vercel. You can access the live version of the project here.

To deploy your own version:

  1. Connect your GitHub repository to Vercel.
  2. Choose the project and click deploy.
  3. Vercel will handle the build and deployment process automatically.

🛠️ Technologies Used

  • Frontend: React, Remix JS
  • Backend: Ruby on Rails
  • Database: PostgreSQL
  • Hosting: Vercel

🤝 Contributing

We welcome contributions to the Young Coders' Guide! To contribute:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/your-feature-name
  3. Make your changes and commit them:
    git commit -m "Add new feature"
  4. Push to the branch:
    git push origin feature/your-feature-name
  5. Create a pull request describing your changes.

🧑‍💻 Contributors

📄 License

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

🎉 Acknowledgments

  • Special thanks to all contributors, testers, and the community for their support.

Thank you for being a part of the Young Coders' Guide! Let's make learning fun and accessible for all young minds.

About

Young Coders' Tech Guide: An interactive web app built with Remix.js to teach children about computer science and technology through fun character-driven content.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published