https://github.com/imrenr/frontend-notebook

A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript, React JS and Vite 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/frontend-notebook

bootstrap components html html-css-javascript javascript pure-javascript react-components react-hooks vite

Last synced: 4 months ago
JSON representation

A collection of frontend practice projects built with HTML, CSS, and Vanilla JavaScript, React JS and Vite 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/frontend-notebook
• Owner: ImrenR
• Created: 2025-07-24T19:45:55.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-09-09T14:32:32.000Z (5 months ago)
• Last Synced: 2025-09-09T15:48:28.027Z (5 months ago)
• Topics: bootstrap, components, html, html-css-javascript, javascript, pure-javascript, react-components, react-hooks, vite
• Language: JavaScript
• Homepage:
• Size: 16.2 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.

## 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.

And will be updated more ...

## 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 and React JS ( with Vite) projects.

Expand responsive design examples.

Improve UI/UX styling of projects.