Welcome to Code Universe, an interactive, space-themed educational platform designed to make learning programming languages engaging and immersive. By exploring different "Planets" (such as HTML, CSS, JavaScript, etc.), users can traverse through a structured curriculum, complete interactive coding challenges, and level up their skills.
🌐 Live Demo: code-universe-nu.vercel.app
- Interactive "Planet" Curriculum: Step-by-step learning paths represented as explorable planets, each focusing on specific concepts and coding challenges.
- Integrated Code Editor: Write and test code directly in the browser with our built-in Monaco Editor integration, providing a VS Code-like experience.
- Drag-and-Drop Activities: Engaging UI interactions powered by
@dnd-kitfor interactive exercises. - Internationalization (i18n): Multi-language support (English, Azerbaijani, and more) to make learning accessible globally.
- Stunning Animations: Smooth transitions and micro-interactions powered by Framer Motion and GSAP for a truly premium feel.
- Secure Authentication: Seamless user login and role management handled by NextAuth.js.
Code Universe is built using modern, highly scalable web technologies:
- Framework: Next.js (App Router, React 19)
- Styling: Tailwind CSS v4
- Animations: Framer Motion & GSAP
- Code Editor: Monaco Editor
- State Management & Data Fetching: TanStack React Query & Immer
- Drag & Drop: @dnd-kit
- Icons: FontAwesome & Lucide React
- API: Next.js Server Actions & Route Handlers
- Database ORM: Prisma
- Database: MongoDB
- Authentication: NextAuth.js (Prisma Adapter)
- Cloud Storage: AWS S3 (via
@aws-sdk/client-s3)
- Language: TypeScript
- Linting & Formatting: ESLint & Prettier
- Analytics: Vercel Analytics & Speed Insights
- Node.js 18+
- MongoDB instance (local or Atlas)
- Cloudflare R2 or AWS S3 bucket (for cloud storage)
-
Clone the repository
git clone https://github.com/npashayev/code-universe.git cd code-universe -
Install dependencies
npm install
-
Set up environment variables
cp .env.example .env.local
Open
.env.localand fill in your details. -
Initialize the database
npx prisma generate npx prisma db push
-
Run the development server
npm run dev
Open http://localhost:3000 to see the app.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the PolyForm Noncommercial License 1.0.
You are free to:
- Use this repository as a reference for educational purposes.
- Learn from the structure, architecture, and code.
- Contribute to the project via Pull Requests.
You are NOT permitted to:
- Use the code, design, or assets for any commercial purposes.
- Sell, distribute, or monetize this software in any way.
See the LICENSE file for full legal terms.