https://github.com/codelander07/web-projects-2022-2026
https://github.com/codelander07/web-projects-2022-2026
htms-css-javascript mearn-stack no-sql sql
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codelander07/web-projects-2022-2026
- Owner: CodeLander07
- Created: 2024-09-29T14:39:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-15T17:51:06.000Z (9 months ago)
- Last Synced: 2025-06-08T12:19:51.194Z (8 months ago)
- Topics: htms-css-javascript, mearn-stack, no-sql, sql
- Language: JavaScript
- Homepage:
- Size: 2.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Welcome to the **Web Development** repository! This repo showcases projects and code related to web development, including frontend and backend work using technologies like HTML, CSS, JavaScript, and the MEARN stack (MongoDB, Express.js, Angular/React, Node.js).
## Table of Contents
1. [Introduction](#introduction)
2. [Folder Structure](#folder-structure)
3. [Installation](#installation)
4. [Projects](#projects)
5. [Technologies](#technologies)
6. [Usage](#usage)
7. [Contributing](#contributing)
8. [License](#license)
## Introduction
This repository contains web development projects that demonstrate various skills, ranging from static websites to full-stack applications. It is intended to serve as a portfolio of my work, including examples of responsive design, API integration, server-side logic, and database management.
### Key Folders and Files
- **REST/**: Contains the REST API server and related files.
- `views/`: EJS templates for rendering dynamic HTML pages.
- `public/`: Static files like CSS and JavaScript.
- `index.js`: Main server file for handling REST API routes.
- **SQL/**: Contains SQL-related files and database logic.
- `index.js`: Server logic for interacting with the SQL database.
- `queries.sql`: SQL scripts for database setup and queries.
- **node_modules/**: Auto-generated folder for Node.js dependencies.
- **package.json**: Lists project dependencies and scripts.
- **README.md**: Documentation for the project.
Feel free to update this structure as your project evolves!# Web Development Portfolio
## Folder Structure
The repository is organized as follows:
```
d:\Sigma 4.0 by apna college\Codes\
├── REST/ # REST API-related files
│ ├── views/ # EJS templates for rendering views
│ │ ├── home.ejs # Homepage template
│ │ ├── show.ejs # Detailed post view template
│ │ ├── user.ejs # User list template
│ │ └── edit.ejs # User edit form template
│ ├── public/ # Static assets (CSS, JS, images)
│ └── index.js # REST API server logic
├── SQL/ # SQL-related files
│ ├── index.js # SQL database connection and server logic
│ └── queries.sql # SQL queries for database operations
├── node_modules/ # Node.js dependencies
├── package.json # Project metadata and dependencies
├── package-lock.json # Dependency tree lock file
├── README.md # Project documentation
└── .gitignore # Git ignore file
```
### Key Folders and Files
- **REST/**: Contains the REST API server and related files.
- `views/`: EJS templates for rendering dynamic HTML pages.
- `public/`: Static files like CSS and JavaScript.
- `index.js`: Main server file for handling REST API routes.
- **SQL/**: Contains SQL-related files and database logic.
- `index.js`: Server logic for interacting with the SQL database.
- `queries.sql`: SQL scripts for database setup and queries.
- **node_modules/**: Auto-generated folder for Node.js dependencies.
- **package.json**: Lists project dependencies and scripts.
- **README.md**: Documentation for the project.
Feel free to update this structure as your project evolves!
## Installation
To run these projects on your local machine:
1. Clone the repository:
```bash
https://github.com/unstopablesid/Web-devlopement-projects
```
2. Navigate into the project directory:
```bash
cd Web-development-projects
```
3. Install any necessary dependencies. For example, for a Node.js project:
```bash
npm install
```
## Projects
Here’s a list of projects currently available in the repository:
1. **Static Portfolio Website**
A fully responsive portfolio website built using HTML, CSS, and JavaScript.
2. **To-Do List App (React.js)**
A single-page application (SPA) built using React, demonstrating CRUD functionality and state management.
3. **Blog API (Node.js + Express + MongoDB)**
A backend API for a blog platform, showcasing RESTful design, database integration, and JWT-based authentication.
4. **E-commerce Platform**
A full-stack web application with features like product listings, shopping cart functionality, and payment gateway integration.
Each project has its own folder with detailed instructions on how to set up and run it locally.
## Technologies
The following technologies are used in these projects:
- **Frontend**:
HTML, CSS, JavaScript, React.js, Angular (if applicable), Bootstrap, TailwindCSS
- **Backend**:
Node.js, Express.js
- **Database**:
MongoDB, Mongoose
- **Other**:
REST APIs, JWT Authentication, Responsive Design, Version Control (Git), Webpack
## Usage
To view or test a project locally, follow the installation steps for each project. You can also modify the codebase for learning purposes or customization.
For example, to run the To-Do List App:
1. Navigate to the project folder:
```bash
cd to-do-list-app
```
2. Install dependencies and run the development server:
```bash
npm install
npm run dev
```
You can access the app via `http://localhost:3000` in your browser.
## Contributing
Contributions to this repository are welcome! If you'd like to suggest a feature, report a bug, or submit a project, feel free to open an issue or create a pull request.
1. Fork the repository.
2. Create a new branch (`git checkout -b new-feature`).
3. Commit your changes (`git commit -m 'Add new feature'`).
4. Push to the branch (`git push origin new-feature`).
5. Open a pull request.
## License
This repository is licensed under the MIT License. Please review the license terms before using any code.