A collection of web projects inspired by roadmap.sh projects. These range from simple static sites to dynamic web apps. The main page serves as an index to all projects.
- HTML
- CSS
- JavaScript
- API calls
- DOM manipulation
- Event handling
- Promises
To view any project locally:
- Clone this repository.
- Open
index.htmlin your browser. - Browse any project with the main page.
Master CSS positioning and hover effects to create tooltips without JavaScript.
Requirements:
- Tooltip appears above navigation items on hover
- Only HTML and CSS
Practice event listeners and DOM manipulation with a calculator UI.
Requirements:
- Number and operation buttons
- Display for current value
- Evaluate math operations
Use event listeners and DOM updates to create an interactive accordion.
Requirements:
- Expand/collapse questions
- Only one section open at a time
Practice CSS positioning and layout with testimonial card designs.
Requirements:
- Create testimonial cards
- Match provided layout
Practice DOM manipulation and interactive UI elements.
Requirements:
- Custom dropdown menu
- Placeholder, open/close states
- Highlight selected item
Practice setInterval and DOM manipulation for a timer app.
Requirements:
- Start/reset timer
- Display session type
- Configurable intervals
- Track work sessions
Practice array manipulation and DOM updates.
Requirements:
- Add, mark, unmark, and delete tasks
Practice media queries and responsive design.
Requirements:
- Multi-section website
- Responsive navigation
For questions or feedback, reach out via GitHub or at ruhlmirkojoel@gmail.com.