Skip to content

yashdhanani/Code4Collage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

🎨 Code4Collage

A collaborative and modern full-stack web project, crafted to explore the power of creativity through code.

Live Demo GitHub


🚀 Live Project

🌐 Check it out now:
🔗 https://code4-collage1-git-main-yashs-projects-81c42f87.vercel.app/


✨ Features

  • 💻 React.js frontend with modern UI
  • ⚙️ Express.js backend with RESTful API
  • 🎨 Tailwind CSS styling
  • 🔒 Authentication-ready (JWT-based setup)
  • 🌐 Vercel deployment for lightning-fast delivery
  • 🛠️ Easily extendable for personal or team projects

🎓 All Tutorials — Learn with AI, Earn Certificates

Select a topic to start learning. Every course includes:

✅ Step-by-step tutorials
✅ AI-powered coding help
✅ Practice problems and quizzes
✅ Certificate of Completion


🧠 Programming Languages

  • HTML
  • CSS
  • JavaScript
  • Python
  • Java
  • PHP
  • C / C++
  • C#
  • TypeScript
  • Bash
  • Rust
  • Go
  • Kotlin
  • R

🌐 Web Development

  • Bootstrap
  • React
  • Vue
  • Angular
  • SASS
  • Node.js
  • ASP.NET
  • Django

🗃️ Databases & Backend

  • MySQL
  • PostgreSQL
  • MongoDB
  • SQL
  • JQuery
  • Express.js

📊 Data & AI

  • Data Science
  • NumPy
  • Pandas
  • SciPy
  • Gen AI (Generative AI)
  • AI & Machine Learning

🔐 Security & Tools

  • Cybersecurity
  • Git & GitHub
  • Bash
  • Intro to Programming

🧑‍🏫 AI-Powered Learning Assistant

Ask questions, debug code, and get personalized help 24/7 using our built-in AI Assistant:

  • 💡 Code explanations in real-time
  • 🧪 Error fixing suggestions
  • 📘 Personalized learning paths

🏆 Get Certified

Every course includes a Certificate of Completion like this:

-------------------------------
Certificate of Completion
This is to certify that
[Yashkumar Dhanani]
has successfully completed the
[Python Essentials] course.
-------------------------------

Certificates are downloadable as PDFs, verifiable, and sharable on LinkedIn or resumes.


🖼️ Preview

(Insert screenshot of the homepage or app preview here)

📁 public/
└── preview.png

🧰 Tech Stack

React Express Node.js Tailwind CSS MongoDB Vercel


📦 Project Structure

code4collage/
├── frontend/        # React App
│   └── ...
├── backend/         # Node/Express server
│   └── ...
├── .env             # Environment variables (not tracked)
├── .gitignore
├── README.md
└── package.json

🛠️ Getting Started

1. Clone the Repository

git clone https://github.com/yashdhanani/Code4Collage.git
cd Code4Collage

2. Install Dependencies

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm run dev

3. Setup .env

Create a .env file and add:

PORT=5000
MONGO_URI=your-mongo-uri
JWT_SECRET=your-secret-key

🚀 Deployment

Easily deployable on:


🤝 Contributing

Contributions, issues and feature requests are welcome!

git checkout -b feature/feature-name
git commit -m "Add feature"
git push origin feature/feature-name

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

Yashkumar Dhanani
🔗 GitHub
🔗 LinkedIn


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages