CodeDex is a nostalgic journey back to the 90s web, reimagined as a modern coding education platform. This project blends the charm of early internet aesthetics with contemporary web development practices to create a unique and engaging learning experience for aspiring coders. Whether you're a beginner or brushing up on your skills, CodeDex offers a fun and interactive way to learn coding basics.
- 90s-Inspired Design: Relive the retro vibe with pixelated graphics, vibrant colors, and iconic 90s-style elements.
- Interactive Lessons: Learn coding fundamentals with hands-on lessons in HTML, CSS, JavaScript, and Python.
- Retro Animations & Sound Effects: Immerse yourself in the past with nostalgic animations and sound effects.
- Responsive Layout: Optimized for various screen sizes, from desktops to mobile devices.
- Modern Technology: Built using server-side rendering with Next.js for seamless performance.
- Tailwind CSS Styling: Efficient and customizable styling for a consistent look and feel.
Experience the magic in action by watching our demo video:
Follow these steps to set up CodeDex on your local machine:
- Node.js (>= 16.x)
- npm or Yarn
-
Clone the Repository:
git clone https://github.com/yourusername/codedex.git
-
Navigate to the Project Directory:
cd codedex -
Install Dependencies: Using npm:
npm install
Or using Yarn:
yarn install
-
Run the Development Server:
npm run dev
Or using Yarn:
yarn dev
-
Open in Your Browser: Visit http://localhost:3000 to see CodeDex in action.
- Navigate through the retro-themed interface to explore different coding lessons.
- Select a language (HTML, CSS, JavaScript, or Python) to start learning.
- Complete interactive exercises and unlock achievements.
- Enjoy the 90s-inspired animations and sound effects as you progress.
We welcome contributions to enhance CodeDex! Here's how you can help:
- Fork the Repository
- Create a New Branch:
git checkout -b feature/your-feature-name
- Make Your Changes
- Commit Your Changes:
git commit -m "Add your commit message" - Push to Your Branch:
git push origin feature/your-feature-name
- Submit a Pull Request
- Add more lessons for advanced topics (e.g., React, Node.js, and APIs).
- Incorporate gamification elements like badges and leaderboards.
- Introduce a dark mode option.
- Expand language support for international users.
If you encounter any issues or have questions, feel free to open an issue on GitHub directly:
- GitHub Issues: https://github.com/yourusername/codedex/issues
CodeDex is licensed under the MIT License. See the LICENSE file for details.
Bring back the charm of the 90s and start your coding adventure with CodeDex today!