🌟 JavaScript Projects Website

A full-stack web application built using Node.js and Express.js, hosting 30+ beginner-friendly JavaScript projects. This site serves as a hub for learning and practicing core JavaScript concepts through mini projects — ideal for beginners looking to build hands-on experience.

---

📌 Overview

The JavaScript Projects Website is designed to be simple, modular, and beginner-focused. It contains a collection of small, interactive JavaScript projects accessible through a clean user interface. No backend database or authentication required — just pure front-end logic served by a lightweight Express server.

---

🚀 Features

• 🧩 30+ interactive JavaScript projects
• 📂 Organized folder-based structure
• ⚡ Built with Node.js and Express.js
• 🌐 No database required – projects are stored in an array
• 🎨 Clean, mobile-responsive UI
• 🌙 Dark mode with a toggle button for seamless switching
• 📚 Easy to extend with new projects

---

🛠️ Tech Stack

Layer	Tech
Server	Node.js, Express.js
Frontend	HTML, CSS, JavaScript, Tailwind CSS
View Engine	EJS (Embedded JavaScript Templates)
Hosting	Glitch.com

---

📁 Folder Structure

javascript-projects-website/
├── public/                 # Static assets
│   ├── css/
│   ├── js/
│   └── projects/           # Individual project folders
│       ├── digital-clock/
│       ├── todo-app/
│       ├── calculator/
│       └── ...
├── views/                  # EJS templates
│   ├── layout.ejs           # Homepage listing all projects
│   ├──Pages/
│   │   ├──index,ejs
│   │   └──...
│   └──Partials/
│       ├──header.ejs
│       └──footer.ejs
│
├── routes/
│   └── index.js            # Route handler
├── server.js                  # Express server config
├── package.json
└── README.md

📦 Installation

Follow these steps to get the project up and running on your local machine:

1. Clone the repository

git clone https://github.com/sheix-khizar/JavaScript-Project-Website.git
cd javascript-projects-website

2. Install dependencies

npm install

3. Run the server

npm start

4. Visit the app in your browser

http://localhost:3000

💬 Thank You for Visiting!

Thanks for checking out this project! Whether you're here to learn, build, or contribute — you're welcome. This project is all about helping developers (especially beginners) grow through hands-on practice.

Feel free to explore, fork, star ⭐, and make it your own. If you build something cool with it or add your own twist, I'd love to see it!

Happy coding! 💻✨