Projects

Large Projects

  • Caut Peleti

    Caut Peleti

    A fullstack Next.js project where users can find pellets at the best price. It features a robust UI where users can sign-up, simulate prices, add products to favorite, leave comments, add/edit/delete products and much more

    Next.js
    React
    TypeScript
    supabase
    TailwindCSS
    embla Carousel
    jsonServer
  • Whatsapp and Wordpress Automatization

    Whatsapp and Wordpress Automatization

    A project where the user can send a news article via WhatsApp and then it gets posted automatically on a Wordpress Website. It uses AI to rearrange the news article based on previous articles. Also multiple users can post articles at the same time. Posting a news article went from a 10-15 minutes process to a 1 minute one. Unfortunately this cannot be previewed since it is close source.

    Node.js
    OpenAI
    WhatsApp API
    WordpressAPI
    JS
  • The Wild Oasis Website

    The Wild Oasis Website

    The website for the Wild Oasis project where users can log in, create, edit and delete reservations. This project was made with Next.js and features oAuth along with many more Next.js features

    Next.js
    React
    Context API
    OAuth 2.0
    TailwindCSS
    supabase
  • The Wild Oasis (Dashboard)

    The Wild Oasis (Dashboard)

    This is my first proper React Project. It's a basically a backoffice for a hotel/motel type organization where employees can add bookings, guests, accomodation.

    React
    Vite
    React Query
    Context API
    Supabase
    Styled Components
    React Hook Form
    Javascript

Medium Projects

  • usePopcorn

    usePopcorn

    One of my first web apps made using React. Here I make use of the useEffect hook to fetch data about movies using the omdb API.

    React
    Create React App
    JavaScript
    CustomHooks
  • Fast React Pizza

    Fast React Pizza

    A simple web app where users can choose from a list of pizzas and order them. The application uses React Router Dom with loaders and Redux Toolkit

    Vite
    React
    Redux
    Javascript
  • Personal Website V1

    Personal Website V1

    One of my first proper solo projects where I tried to implement most of the skills I've learned so far. Since this is a fairly simple website I only used a 7-1 Architecture for my SASS partials together with a simple build process.

    HTML
    CSS
    JavaScript
    SASS
    GIT
    Netlify
    Responsive Design
  • Omnifood

    Omnifood

    A responsive website built around AI Food meal generation. This was featured in one of the courses I've taken. The assets were provided by the course and the website was built by me. This website features a modern design with a cool layout that includes : Grid, Flex, Z-pattern etc. It was written in pure CSS, HTML, and Javascript without any frameworks.

    HTML
    CSS
    JavaScript
    Responsive Design
    SASS
    GIT
    Netlify
  • Forkify

    Forkify

    The website where most of my JavaScript skills were put to test. This is a recipe website where the user can search for recipes that will be fetched from an external API and can even submit their own. Also here I implemented a proper architecture (Model View Controller) to give my project better structure, making it more maintainable and scalable.

    HTML
    CSS
    JavaScript
    External API
    MVC Architecture
    ES6 Modules
    Async / Await
    Parcel Module Bundler
  • Natours

    Natours

    This is a smaller project where I learned about more advanced SASS features and responsive design. What's special about this project is that I implemented the 7-1 SASS Architecture and used a build process for the website (Compile, Concat, Prefix, Compress).

    HTML
    CSS
    SASS
    Responsive Design and Images
  • Product Listing Page

    Product Listing Page

    This is a simple products listing page that uses an internal JSON file as its database and the user can sort, filter, favorite, and change layout type. I also used Bootstrap for the dropdown elements and Font Awesome icons for all the icons in the project.

    HTML
    CSS
    SASS
    Grunt
    Bootstrap
    Dynamic Sorting
  • Blackfyre Theme (Work in Progress)

    Blackfyre Theme (Work in Progress)

    This is a theme I found on the internet that I liked so I thought copying the layout would be a good idea to test my skills and it sure did. This website was pretty challenging due to the amount of animations and custom styles it had. Nonetheless I managed to do it and it turned out amazing.

    HTML
    CSS
    JavaScript
    SASS
    GIT
    Grunt

Small Projects

  • City Parallax

    City Parallax

    A small demo of an awesome parallax effect. This was forked from Luna Dev's project and I added some slight touches

    HTML
    CSS
    JS
    GSap
    ScrollTrigger
  • 360 Degree Product Viewer

    360 Degree Product Viewer

    Simple 360 degree product viewer forked from Github to showcase products in rotational view.

    HTML
    CSS
    JS
  • Cool Parallax Effect

    Cool Parallax Effect

    A implementation of a cool parallax effect using Vite and a 3rd party library Spring from which I used the parallax component

    Vite
    React Spring
    HTML
    CSS
    JS
  • CMD Economics

    CMD Economics

    Small website that I made for a client using Bootstrap, HTML, CSS and JS. This is a static website that had to be made ASAP for the client

    Bootstrap
    HTML
    CSS
    JS
  • SanaRa

    SanaRa

    Small website for a client using plain HTML, CSS and JS and where I use eleventy as a CMS.

    Eleventy
    HTML
    CSS
    JS
    Swiper
  • Sample Login Form

    Sample Login Form

    One of my first projects where I made a simple login form. This is just a toy example

    HTML
    CSS