Frontend Mentor Projects

Frontend Mentor Projects

A catalog of all the completed solutions in Frontend Mentor. Using plain Vue.js, SCSS and data fetching from json.

Year : 2023

Category : Personal Project

Framework : Vue.js

What is this

Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam nobis, consequuntur aut enim omnis rem iste molestias dolorem fugiat! Incidunt placeat explicabo a excepturi eos veniam, voluptates, laborum voluptatem delectus animi molestias accusamus illo itaque ipsam. Non officia nulla quasi cumque accusamus dignissimos ullam ducimus numquam optio voluptas earum explicabo enim debitis, velit beatae dicta tempora consequatur iusto nostrum voluptatum accusantium quisquam, placeat alias? Quidem tempora veniam, distinctio earum nobis aperiam porro assumenda rerum qui! Consequatur neque aliquid ipsam similique, eum at provident nesciunt quam ex voluptatum sunt quidem dolor nihil? Incidunt provident sapiente minima repellat illo quod quae explicabo corporis harum, sequi, natus accusantium, laudantium exercitationem neque consequuntur iste dicta delectus numquam! Dolorum culpa soluta cum eligendi alias fugit corrupti quia omnis. Aliquam necessitatibus eum delectus porro exercitationem voluptatem quisquam reprehenderit ratione, qui labore accusamus maiores illum ab cumque asperiores sint quasi beatae quibusdam libero similique nam repellendus assumenda sapiente nemo. Commodi, veniam? Assumenda ex quisquam repudiandae deleniti ullam veritatis ipsum, nemo at minus consequuntur corporis tenetur harum fuga ea iusto consectetur possimus dicta accusamus optio. Distinctio nobis animi, consequuntur, esse reiciendis aliquam quos totam, iusto deserunt porro sit expedita odio? Quibusdam, quos. Modi accusamus consequatur similique consectetur ab.

Built with

  1. HTML
  2. CSS
  3. JS
  4. Vue.js

Conceptualization

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vitae corrupti soluta modi ducimus voluptate necessitatibus, adipisci, quidem nesciunt velit neque omnis! Soluta repellat repudiandae non alias earum, adipisci totam quod, voluptatibus, laudantium minus cum. Culpa hic sunt soluta officia, temporibus repudiandae sed asperiores corporis quae commodi eaque dolor. Qui autem incidunt numquam earum odit odio ea quia nesciunt maxime veritatis veniam dicta doloribus consequatur aliquam praesentium eum accusantium ipsum perspiciatis culpa distinctio ratione, saepe dignissimos! Quaerat, eum alias sed numquam dignissimos aliquam atque delectus libero eveniet necessitatibus quisquam nisi aut molestiae. Vel saepe eligendi beatae ducimus, corrupti est velit laborum.

Img

Designing

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis placeat suscipit consequuntur eum quidem, id aperiam omnis ipsum eligendi et architecto a itaque repellat impedit laboriosam saepe sunt deserunt vitae sequi animi quia, veritatis autem tenetur! Non, alias, eligendi officiis quia dolores ut repellendus neque amet qui, voluptate ratione dicta laboriosam unde? Odit illo beatae molestiae explicabo ipsa? Perferendis ea modi rerum aut accusantium tenetur! Fugiat, distinctio. Sunt sed ducimus laborum quae reprehenderit sequi provident fugit modi iste debitis aut ipsum incidunt, at eaque ipsa voluptates, laudantium, corrupti dignissimos repellendus? Et id optio vero facere! Consectetur repellat deleniti ex nisi maxime expedita inventore asperiores veniam consequatur quas? Consequuntur consectetur rem suscipit numquam dignissimos, voluptatum necessitatibus expedita accusamus eveniet veniam corrupti officiis explicabo nesciunt alias officia, quis deleniti. Maxime illo, qui dolores quas voluptatem perspiciatis quasi enim laboriosam nostrum veritatis fugiat cumque ut consequatur mollitia eaque, maiores perferendis quis! Iure, porro. Molestiae fugit sed, minima officiis excepturi illo ipsa dolore nihil quisquam voluptate, ullam accusantium recusandae nisi nesciunt sint ab officia suscipit quasi expedita cum alias velit aspernatur eos. Similique minima illum fuga voluptatibus ipsam perferendis sequi totam distinctio molestiae harum corporis, facere enim tempore labore iusto ipsa, sit tempora eos in natus quidem quaerat cum quos? Quasi maxime veniam illum sequi distinctio, vel voluptates eius adipisci dolor id eveniet sint, dignissimos eos odit accusantium libero corrupti sunt vitae quam aliquid voluptate! Tempore ipsam quidem rerum voluptates, magni ad distinctio est molestiae dolore, atque asperiores obcaecati! Hic labore quasi repudiandae ea suscipit ducimus. Pariatur totam culpa minus delectus fugit ut magnam beatae natus. Quo, rerum magni. Eaque sint ipsa exercitationem fugiat eius nobis nisi commodi recusandae laborum temporibus dolores repellendus id saepe alias consequuntur aliquid delectus autem excepturi vero doloremque, dolore incidunt corrupti mollitia dolorum. Ipsa molestiae vitae recusandae vero deleniti?

Implementation

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis placeat suscipit consequuntur eum quidem, id aperiam omnis ipsum eligendi et architecto a itaque repellat impedit laboriosam saepe sunt deserunt vitae sequi animi quia, veritatis autem tenetur! Non, alias, eligendi officiis quia dolores ut repellendus neque amet qui, voluptate ratione dicta laboriosam unde? Odit illo beatae molestiae explicabo ipsa? Perferendis ea modi rerum aut accusantium tenetur! Fugiat, distinctio. Sunt sed ducimus laborum quae reprehenderit sequi provident fugit modi iste debitis aut ipsum incidunt, at eaque ipsa voluptates, laudantium, corrupti dignissimos repellendus? Et id optio vero facere! Consectetur repellat deleniti ex nisi maxime expedita inventore asperiores veniam consequatur quas? Consequuntur consectetur rem suscipit numquam dignissimos, voluptatum necessitatibus expedita accusamus eveniet veniam corrupti officiis explicabo nesciunt alias officia, quis deleniti. Maxime illo, qui dolores quas voluptatem perspiciatis quasi enim laboriosam nostrum veritatis fugiat cumque ut consequatur mollitia eaque, maiores perferendis quis! Iure, porro. Molestiae fugit sed, minima officiis excepturi illo ipsa dolore nihil quisquam voluptate, ullam accusantium recusandae nisi nesciunt sint ab officia suscipit quasi expedita cum alias velit aspernatur eos. Similique minima illum fuga voluptatibus ipsam perferendis sequi totam distinctio molestiae harum corporis, facere enim tempore labore iusto ipsa, sit tempora eos in natus quidem quaerat cum quos? Quasi maxime veniam illum sequi distinctio, vel voluptates eius adipisci dolor id eveniet sint, dignissimos eos odit accusantium libero corrupti sunt vitae quam aliquid voluptate! Tempore ipsam quidem rerum voluptates, magni ad distinctio est molestiae dolore, atque asperiores obcaecati! Hic labore quasi repudiandae ea suscipit ducimus. Pariatur totam culpa minus delectus fugit ut magnam beatae natus. Quo, rerum magni. Eaque sint ipsa exercitationem fugiat eius nobis nisi commodi recusandae laborum temporibus dolores repellendus id saepe alias consequuntur aliquid delectus autem excepturi vero doloremque, dolore incidunt corrupti mollitia dolorum. Ipsa molestiae vitae recusandae vero deleniti?

Findings

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis placeat suscipit consequuntur eum quidem, id aperiam omnis ipsum eligendi et architecto a itaque repellat impedit laboriosam saepe sunt deserunt vitae sequi animi quia, veritatis autem tenetur! Non, alias, eligendi officiis quia dolores ut repellendus neque amet qui, voluptate ratione dicta laboriosam unde? Odit illo beatae molestiae explicabo ipsa? Perferendis ea modi rerum aut accusantium tenetur! Fugiat, distinctio. Sunt sed ducimus laborum quae reprehenderit sequi provident fugit modi iste debitis aut ipsum incidunt, at eaque ipsa voluptates, laudantium, corrupti dignissimos repellendus? Et id optio vero facere! Consectetur repellat deleniti ex nisi maxime expedita inventore asperiores veniam consequatur quas? Consequuntur consectetur rem suscipit numquam dignissimos, voluptatum necessitatibus expedita accusamus eveniet veniam corrupti officiis explicabo nesciunt alias officia, quis deleniti. Maxime illo, qui dolores quas voluptatem perspiciatis quasi enim laboriosam nostrum veritatis fugiat cumque ut consequatur mollitia eaque, maiores perferendis quis! Iure, porro. Molestiae fugit sed, minima officiis excepturi illo ipsa dolore nihil quisquam voluptate, ullam accusantium recusandae nisi nesciunt sint ab officia suscipit quasi expedita cum alias velit aspernatur eos. Similique minima illum fuga voluptatibus ipsam perferendis sequi totam distinctio molestiae harum corporis, facere enim tempore labore iusto ipsa, sit tempora eos in natus quidem quaerat cum quos? Quasi maxime veniam illum sequi distinctio, vel voluptates eius adipisci dolor id eveniet sint, dignissimos eos odit accusantium libero corrupti sunt vitae quam aliquid voluptate! Tempore ipsam quidem rerum voluptates, magni ad distinctio est molestiae dolore, atque asperiores obcaecati! Hic labore quasi repudiandae ea suscipit ducimus. Pariatur totam culpa minus delectus fugit ut magnam beatae natus. Quo, rerum magni. Eaque sint ipsa exercitationem fugiat eius nobis nisi commodi recusandae laborum temporibus dolores repellendus id saepe alias consequuntur aliquid delectus autem excepturi vero doloremque, dolore incidunt corrupti mollitia dolorum. Ipsa molestiae vitae recusandae vero deleniti?

Areas of Growth

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis placeat suscipit consequuntur eum quidem, id aperiam omnis ipsum eligendi et architecto a itaque repellat impedit laboriosam saepe sunt deserunt vitae sequi animi quia, veritatis autem tenetur! Non, alias, eligendi officiis quia dolores ut repellendus neque amet qui, voluptate ratione dicta laboriosam unde? Odit illo beatae molestiae explicabo ipsa? Perferendis ea modi rerum aut accusantium tenetur! Fugiat, distinctio. Sunt sed ducimus laborum quae reprehenderit sequi provident fugit modi iste debitis aut ipsum incidunt, at eaque ipsa voluptates, laudantium, corrupti dignissimos repellendus? Et id optio vero facere! Consectetur repellat deleniti ex nisi maxime expedita inventore asperiores veniam consequatur quas? Consequuntur consectetur rem suscipit numquam dignissimos, voluptatum necessitatibus expedita accusamus eveniet veniam corrupti officiis explicabo nesciunt alias officia, quis deleniti. Maxime illo, qui dolores quas voluptatem perspiciatis quasi enim laboriosam nostrum veritatis fugiat cumque ut consequatur mollitia eaque, maiores perferendis quis! Iure, porro. Molestiae fugit sed, minima officiis excepturi illo ipsa dolore nihil quisquam voluptate, ullam accusantium recusandae nisi nesciunt sint ab officia suscipit quasi expedita cum alias velit aspernatur eos. Similique minima illum fuga voluptatibus ipsam perferendis sequi totam distinctio molestiae harum corporis, facere enim tempore labore iusto ipsa, sit tempora eos in natus quidem quaerat cum quos? Quasi maxime veniam illum sequi distinctio, vel voluptates eius adipisci dolor id eveniet sint, dignissimos eos odit accusantium libero corrupti sunt vitae quam aliquid voluptate! Tempore ipsam quidem rerum voluptates, magni ad distinctio est molestiae dolore, atque asperiores obcaecati! Hic labore quasi repudiandae ea suscipit ducimus. Pariatur totam culpa minus delectus fugit ut magnam beatae natus. Quo, rerum magni. Eaque sint ipsa exercitationem fugiat eius nobis nisi commodi recusandae laborum temporibus dolores repellendus id saepe alias consequuntur aliquid delectus autem excepturi vero doloremque, dolore incidunt corrupti mollitia dolorum. Ipsa molestiae vitae recusandae vero deleniti?

Found it interesting?

I am currently looking for internship opportunities as Web Developer or Frontend Developer which can help me grow further. You can contact me through my LinkedIn or email.

Connect with MeOn LinkedIn
OR