en-jen Goto Github PK

50-projects-50-days

Repo of mini projects using HTML, CSS, & vanilla JS

article-component

👀 Frontend Mentor challenge to build an article preview component. Accomplished using Sass and JavaScript.

base-apparel-coming-soon

👕 Frontend Mentor project to practice implementing basic client-side form validation

budgety

💵 Budget app created with Complete JavaScript Course 2020 (code-along)

character-creator

cofeeroasters-subscription-site

☕️ 3 page coffee subscription site built with React and Styled Components | Frontend Mentor Challenge

dashboard-theme-switcher

🌙 ☀️ Social media dashboard with a dark mode/light mode theme switcher

fm-four-card-feature-section

Frontend Mentor challenge using Flexbox & CSS Grid

fm-fylo-dark-theme-lp

🗂 Frontend Mentor landing page challenge to practice some layout challenges. Created with SCSS, CSS Grid, Flexbox, & BEM

fm-fylo-data-storage-component

📁 Frontend Mentor challenge to create a data storage component

fm-huddle-landing-page

🟪 Frontend Mentor challenge to build the intro section of the Huddle landing page. Built with CSS Grid and Flexbox.

fm-single-price-grid-component

💪 Frontend Mentor challenge to practice using Flexbox

fm-todo-app

📝 Frontend Mentor challenge to build a todo app with a theme switcher, drag and drop items, and local storage

forkify

😋 A beautiful recipe search engine made with modern JavaScript features. Powered by forkify-api🍴

huckleberry

jammming

🎧. React app that uses the Spotify API. Allows users to search by track, artist, or album, create a playlist, and save the playlist to their Spotify account.

maze-game

🎮 Maze game created with matter.js (codealong)

movie-fight

🎞 Movie comparison app created using OMDb API and styled with Bulma (codealong)

natours

🗺 Natours landing page built in Advanced CSS and Sass course (code-along)

nexter

🏠 Landing page for realty company created in Advanced CSS & Sass course using CSS Grid for all the positioning and layout (code-along)

nextjs-blog

Example Next.js project

node-tool

🄽 Node JS command line tool created with Modern JavaScript Bootcamp course (code-along)

omnifood

🍟 Landing page created with HTML & CSS Grid for fictional food delivery company (code-along)

pig-game

🎲 Dice game exercise in DOM manipulation created with Complete JavaScript Course 2020 (codealong)

pomodoro-timer

🍅 ⏲ Beautiful timer app with circular progress bar, sound effects, and customizable appearance with ability to set preferences for colors, fonts, and timer lengths.

pricing-component-with-toggle

🏷 Frontend Mentor challenge to build an accessible custom toggle control to toggle between monthly and yearly prices in a pricing component

project-tracking-intro

📊 Frontend Mentor challenge to create an intro component with mobile navigation toggle

ravenous

🍽 Yelp-like app created with React in Codecademy course

react-course-colors-app

react-faq-accordion

˅ Frontend Mentor challenge to build an accordion component | React