https://github.com/imrenr/frontendrecap
A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript. The goal of this repository is to recap core web development concepts by building small, hands-on projects without relying on external frameworks or libraries.
https://github.com/imrenr/frontendrecap
html html-css-javascript javascript pure-javascript
Last synced: 5 months ago
JSON representation
A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript. The goal of this repository is to recap core web development concepts by building small, hands-on projects without relying on external frameworks or libraries.
- Host: GitHub
- URL: https://github.com/imrenr/frontendrecap
- Owner: ImrenR
- Created: 2025-07-24T19:45:55.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-08-22T12:33:03.000Z (5 months ago)
- Last Synced: 2025-08-22T14:42:43.404Z (5 months ago)
- Topics: html, html-css-javascript, javascript, pure-javascript
- Language: JavaScript
- Homepage:
- Size: 2.72 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FrontEndRecap
A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript.
The goal of this repository is to recap core web development concepts by building small, hands-on projects without relying on external frameworks or libraries.
## Project Structure
```FrontendRecap/
│── flex/
│── flexBoxProject/
│── JavaScript/
│── mediaQuery/
│── Project Wallet App/
│── Project2- to-do List/
│── README.md
```
## Projects
Flex & FlexboxProject → Practice using CSS Flexbox for layouts.
JavaScript → Covers core JavaScript fundamentals through small exercises.
MediaQuery → Responsive design experiments with CSS media queries.
Project →(Wallet App) A simple task manager built with pure JavaScript, HTML, and CSS.
Project2 (To-Do List App) → A simple task manager built with pure JavaScript, HTML, and CSS.
## How to Run
Clone the repository:
git clone https://github.com/imrenr/frontendrecap.git
Navigate to the project folder you want to run.
Open the index.html file in your browser.
## Purpose
This repo serves as:
A recap of essential frontend concepts.
A reference for beginners learning HTML, CSS, and JavaScript.
A practice space for building small, functional projects without frameworks.
## Future Plans
Add more JavaScript DOM projects.
Expand responsive design examples.
Improve UI/UX styling of projects.