Code Monkey home page Code Monkey logo

rikhisingh / duolingo-clone Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 1.0 1.02 MB

Duolingo Clone bootstrapped using NextJS, Drizzle and Neon for DB with admin dashboard and Stripe integration for premium users and in app content purchase. SSO Authentication using google ID.

Home Page: https://duoclone-rs.vercel.app/

CSS 1.10% TypeScript 98.18% JavaScript 0.72%
axios backend-development drizzle-orm duolingo-clone frontend-development full-stack-application google-sso language-learning neon nextjs

duolingo-clone's Introduction

Duolingo Clone

This project is a clone of Duolingo, built using modern web technologies. It features a comprehensive set of functionalities including an admin dashboard, Stripe integration for premium features, and SSO authentication with Google.

Features

  • Frontend: Next.js, TypeScript, TailwindCSS, ShadCN UI
  • Backend: Drizzle, Neon (PostgreSQL)
  • State Management: Zustand
  • HTTP Requests: Axios
  • Admin Dashboard: react-admin
  • Payments: Stripe integration
  • Authentication: Google SSO

Installation

  1. Clone the repository
    git clone https://github.com/RikhiSingh/Duolingo-Clone.git
    cd Duolingo-Clone
    
  2. Install Dependencies
    npm install
    
  3. Set up environment variables
    Create a .env file in the root directory and add the necessary environment variables. Namely
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY 
    CLERK_SECRET_KEY 
    DATABASE_URL
    STRIPE_API_KEY
    NEXT_PUBLIC_APP_URL
    STRIPE_WEBHOOK_SECRET
    
  4. Run the development server
    npm run dev
    
  5. Access the Application
    Open http://localhost:3000 in your browser.

Usage

  • Register or log in using Google SSO.
  • Explore language courses and track your progress.
  • Admins can manage content through the admin dashboard.
  • Upgrade to premium for additional features using Stripe.

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch.
  3. Make your changes and commit them.
  4. Push to your branch.
  5. Open a pull request.

This Markdown file provides a clear and styled README for your project. Feel free to further customize it as needed!

duolingo-clone's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

mosheng-yan

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.