https://github.com/alleycaaat/frontend-mentor

Projects for frontendmentor.io
https://github.com/alleycaaat/frontend-mentor

fauna frontend html5 javascript netlify react scss vanillajs web-app web-dev

Last synced: 10 months ago
JSON representation

Projects for frontendmentor.io

• Host: GitHub
• URL: https://github.com/alleycaaat/frontend-mentor
• Owner: alleycaaat
• Created: 2023-03-06T17:15:10.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-22T17:45:55.000Z (over 2 years ago)
• Last Synced: 2025-02-05T19:11:43.585Z (12 months ago)
• Topics: fauna, frontend, html5, javascript, netlify, react, scss, vanillajs, web-app, web-dev
• Language: JavaScript
• Homepage:
• Size: 2.11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# frontend-mentor

These are the projects I've completed offered from [frontendmentor](https://www.frontendmentor.io/).

## Product Preview Card

#### HTML5 and SCSS

[Visit site](https://achulslander-product-preview-card.netlify.app/)

![beigh background with a product card displaying a bottle of perfume and a description](./assets/product-preview-ss.png)




## Interactive Rating

#### HTML5, SCSS, JavaScript

[Visit site](https://achulslander-interactive-rating.netlify.app/)

![dark grey background of a rating system, select 1-5 and submit your score](./assets/ratings-ss.png)

## Results Summary

#### HTML and SCSS

[Visit site](https://achulslander-results-summary.netlify.app/)

![a results display with scores for reaction, memory, verbal and visual](./assets/weirdone-ss.png)




## Advice Generator

#### HTML5, SCSS, JavaScript

[Visit site](https://achulslander-advice-generator.netlify.app/)

![a web-app that displays a new bit of random advice on each visit](./assets/advice-gen-ss.png)




## Notifications Page

#### HTML5, SCSS, JavaScript

[Visit site](https://achulslander-notifications-page.netlify.app/)

![a comment section with three new notifications](./assets/notifications-ss.png)




## Time Tracking

#### HTML5, SCSS, JavaScript

[Visit site](https://achulslander-time-tracking.netlify.app/)

![dashboard that displays how much time Jeremy Robson has spent in eight different caterogies that week](./assets/time-tracking-ss.png)




## Job Listings

#### ReactJS and SCSS

[Visit site](https://achulslander-job-listings.netlify.app/)

![dashboard that shows several job listings, they can be filtered the keywords listed in the description](./assets/job-listings-ss.png)




## Interactive Comments

#### React, Netlify, Fauna

[Visit site](https://achulslander-interactive-comments.netlify.app/)

![a comment section with the option to change the score on a comment and reply to comments](./assets/comments-ss.png)

## Launch countdown timer

#### HTML5, SCSS, JavaScript

[Visit site](https://achulslander-countdown-timer.netlify.app/)

![a headline of 'we're launching soon' that has a countdown timer below it countingn down from 14 days](./assets/countdown-ss.png)

## rock-paper-scissors-lizard-spock

#### HTML5, SCSS, JavaScript

[Visit site](https://github.com/alleycaaat/frontend-mentor/tree/main/r-p-s-l-s)

![a one person against the computer game of rock-paper-scissors-lizard-spock](./assets/r-p-s-l-s-ss.png)

## REST Countries API

#### React, Vercel

[Visit site](https://achulslander-countries-api.vercel.app/)

![web-app to search for information on any country in the world](./assets/countries-ss-ukraine.png)