https://github.com/nxr-dine/html-css-js-mini-projects
Collection of mini projects built with HTML, CSS, & JavaScript.
https://github.com/nxr-dine/html-css-js-mini-projects
css html js mini-project project
Last synced: 3 months ago
JSON representation
Collection of mini projects built with HTML, CSS, & JavaScript.
- Host: GitHub
- URL: https://github.com/nxr-dine/html-css-js-mini-projects
- Owner: nxr-dine
- Created: 2024-10-14T06:53:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-10-17T20:10:49.000Z (8 months ago)
- Last Synced: 2025-10-18T22:08:28.783Z (8 months ago)
- Topics: css, html, js, mini-project, project
- Language: CSS
- Homepage: https://nxr-dine.github.io/HTML-CSS-JS-mini-projects/
- Size: 8.43 MB
- Stars: 18
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Projects Portfolio Showcase
A clean, responsive website that showcases my web development projects with descriptions, features, and direct links to each project.
## Overview
This portfolio website displays my collection of web projects in an organized, visually appealing manner. Each project is presented with:
- Project image/screenshot
- Brief description
- Technologies used
- Key features
- Link to view the actual project
## Projects Included
1. **Responsive Card Slider** - A modern card slider with touch support and responsive design
2. **Lux Web Template** - A responsive web template for services and portfolios
3. **Portfolio** - A personal web developer portfolio
4. **Product Landing Page** - A headphones product showcase
5. **Joulx Shoes Landing Page** - A shoe brand landing page
6. **Weather App** - A weather forecast application
## Structure
```
portfolio-showcase/
├── index.html # Main portfolio page
├── styles.css # CSS styles for the portfolio
├── script.js # Optional JavaScript for interactivity
├── images/ # Contains project screenshots
│ ├── project1.jpg
│ ├── project2.jpg
│ └── ...
├── Project 1 - Responsive Card Slider/
├── Project 2 - Lux/
├── Project 3 - Portfolio/
├── Project 4 - Product-Landing-Page/
├── Project 5 - Adidas/
├── Project 6 - Weather app/
└── README.md
```
## Setup Instructions
1. Clone the repository
2. Ensure all project folders are in the root directory
3. Add project screenshots to the `images` folder
4. Open `index.html` in your browser to view the portfolio
## Technologies Used
- HTML5
- CSS3
- JavaScript (optional animations)
## Customization
You can easily customize this portfolio by editing:
- Color scheme in CSS variables (in `styles.css`)
- Project descriptions and details in `index.html`
- Adding or removing project cards as needed