Skip to content

README.md

Latest commit

 

History

History
85 lines (55 loc) · 2.64 KB

README.md

File metadata and controls

85 lines (55 loc) · 2.64 KB

Based on the live website, I have completely rewritten the README to focus on its role as a framework and web development learning platform.

CodeLearn 🚀

Live Demo: https://codelearnweb.netlify.app/

CodeLearn is a comprehensive web development learning platform designed to take students from the basics of the web to mastering modern frontend frameworks. It provides a structured learning path with interactive tutorials, challenges, and hands-on projects.

📚 Learning Paths

The platform is organized into core modules to help users master the full frontend stack:

  • HTML5 Fundamentals: Semantics and modern web structure.
  • CSS3 Styling: Advanced layouts, animations, and responsive design.
  • JavaScript Programming: Core logic, DOM manipulation, and dynamic behavior.
  • React Framework: Building modern, component-based user interfaces.

✨ Key Features

  • Interactive Tutorials: Learn web technologies through step-by-step guided lessons.
  • Hands-on Projects: Apply knowledge by building real-world web applications.
  • Progress Tracking: Monitor your completion percentage across different courses (HTML, CSS, JS, and React).
  • Coding Challenges: Test your skills with practical exercises.
  • User Authentication: Secure login system (Demo: admin / password).
  • Modern UI: A clean, responsive, and dark-themed interface optimized for a focused learning experience.

🛠️ Built With

  • Frontend: React.js
  • Styling: Tailwind CSS / CSS3
  • Icons: FontAwesome / Lucide React
  • Deployment: Netlify

🚀 Getting Started (local install)

1. Clone the repository

git clone https://github.com/Sanjeeb-J/CodeLearn.git
cd CodeLearn

2. Install Dependencies

npm install

3. Run the Development Server

npm start

The app will be available at http://localhost:3000.

📁 Project Structure

CodeLearn/
├── public/          # Static assets and images
├── src/
│   ├── components/  # Course cards, Navbar, and UI elements
│   ├── data/        # Tutorial content and lesson data
│   ├── App.js       # Main application logic
│   └── index.css    # Global styling and Tailwind imports
└── package.json     # Dependencies and scripts

📄 License

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

👨‍💻 Developer

Sanjeeb J A passionate Full-Stack Web Developer dedicated to building educational tools for the community.

Licensed under the MIT License.