https://github.com/akramadjab/coffee-shop-landing-page

This is a landing for a Coffee Shop, that serve high-quality services including coffee, tea, and juice. This landing page is fully responsive on all devices.

css css-animations css-flexbox css-grid css-grid-layout html media-queries media-query responsive-design responsive-grid responsive-layout responsive-web-design responsive-website

Last synced: 01 Jan 2025

https://github.com/akramadjab/the-wild-oasis-website

Introducing Wild Oasis Reservations: A sleek, multi-page hotel booking site for guests. Features include cabin browsing, online reservations, Google login, and personal dashboard management. Built with Next.js 14, RSC, modern React hooks, Date-fns, Supabase, and Auth.js.

authjs context-api contextapi date-fns next-auth next-auth-provider nextauth nextauth-google nextjs nextjs14 react reactjs reactservercomponents rsc supabase supabase-ssr tailwind tailwind-css tailwindcss

Last synced: 21 Feb 2025

https://github.com/akramadjab/stats-preview-card-component

A simple Stats preview card component code challenge to Frontend Mentor

animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox html media-queries responsive-design responsive-layout

Last synced: 21 Feb 2025

https://github.com/akramadjab/coding-challenge

Last synced: 21 Feb 2025

https://github.com/akramadjab/applez

Crafted with React, Vite, and an array of cutting-edge libraries, this e-commerce site boasts seamless navigation, lightning-fast data fetching, and captivating UI/UX features. From dynamic forms to intuitive notifications, it delivers a modern shopping experience.

commercejs commercejs-api react react-hook-form react-icons react-redux react-router react-router-dom react-toast reactjs redux redux-toolkit swiper swiper-js swiper-slider toast toast-notifications vite

Last synced: 21 Feb 2025

https://github.com/akramadjab/fast-react-pizza

Meet the Fast React Pizza App: a multi-page solution for effortless pizza ordering. Featuring a login homepage, menu for pizza selection, cart for order review, order creation, and detailed order view. Developed with React Router v6 (used for fetching DATA), Redux, and styled using Tailwind CSS for a sleek UI.

react react-router react-router-dom reactjs redux redux-middleware redux-store redux-thunk redux-toolkit rest-api tailwind tailwind-config tailwind-css tailwindcss tailwindcss-plugin

Last synced: 21 Feb 2025

https://github.com/akramadjab/react-quiz

I developed a React Quiz App to demonstrate my intermediate React skills. The app tests your knowledge by asking React-related questions and tracks your score and high score. NOTE: THE APP IS NOT FULLY RESPONSIVE. MY MAIN FOCUS WAS ABOUT REACT

Last synced: 21 Feb 2025

https://github.com/akramadjab/3-column-preview-card-component

A simple 3-column preview card component code challenge to Frontend Mentor

animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox css-grid html media-queries responsive-design responsive-layout sass sass-mixins scss scss-mixins

Last synced: 21 Feb 2025

https://github.com/akramadjab/nft-preview-card-component

A simple product preview card component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

animate-css animation animation-css animations bem bem-css bem-methodology bem-naming css-flexbox css-flexbox-layout css3 flexbox flexbox-css html-css html5 sass sass-mixins

Last synced: 21 Feb 2025

https://github.com/akramadjab/news-homepage

This a simple news homepage build using CSS Grid and CSS Flexbox

Last synced: 21 Feb 2025

https://github.com/akramadjab/worldwise

I created a WorldWise App showcasing my advanced React skills. Users can interact with a map loaded from the Leaflet API to select a city they've visited before, add a date and notes about the city. They can also access a list of all visited cities and check them on Wikipedia. NOTE: THE APP IS NOT FULLY RESPONSIVE. MY MAIN FOCUS WAS ABOUT REACT

Last synced: 21 Feb 2025

https://github.com/akramadjab/profile-card-component

A simple Profile card component code challenge to Frontend Mentor

Last synced: 21 Feb 2025

https://github.com/akramadjab/weather-app

Weatherly allows users to check the current weather based on their location and also by searching for different locations.

babel bem bem-methodology css html javascritpt parcel sass

Last synced: 21 Feb 2025

https://github.com/akramadjab/product-preview-card-component

A simple product preview card component code challenge to Frontend Mentor

animation animation-css bem bem-css bem-methodology bem-naming css-animations css-flexbox css3 css3-animations flexbox html-css html5 sass sass-mixins

Last synced: 21 Feb 2025

https://github.com/akramadjab/luxury-clothing-store

This is a simple challenge in building a very difficult and advanced grid layout!

css css-grid grid grid-css grid-layout html

Last synced: 21 Feb 2025

https://github.com/akramadjab/guess-my-number

This is a secret number guessing game, in which the user guesses a number between 1 and 20. He must also guess the correct number before the end of his attempt number. In the event that he cannot find the correct number, he can start the game again and start guessing the new number.

bem bem-methodology css-animations css-flexbox css3 game game-development html5 javascript javascript-game sass sass-mixins

Last synced: 21 Feb 2025

https://github.com/akramadjab/qr-code-component

A simple template of QR Code Component!

bem bem-css bem-methodology css-flexbox css3 html-css html5 qr-code qrcode sass sass-mixins

Last synced: 21 Feb 2025

https://github.com/akramadjab/order-summary-component

A simple Order Summary component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox html media-queries responsive-design

Last synced: 21 Feb 2025

https://github.com/akramadjab/interactive-comments-section

I have created an interactive comments section using CSS Grid and Flexbox, along with JavaScript, React.js, and BEM. This project is aimed at enhancing my React skills as a beginner and taking them to the next level. I hope you find my code useful and appreciate any feedback or suggestions, you can refactor more, like creating a Button Component.

animation bem bem-css bem-naming css css-flexbox css-grid css-grid-layout html javascript react reactjs

Last synced: 21 Feb 2025

https://github.com/akramadjab/ecommerce-website

Full stack e-commerce app built using vanilla javascript and commece.js api

api babeljs bem-methodology commercejs css-animations css-flexbox css-grid css3 html5 javascript javascript-es6 javascript-vanilla media-queries parcel parcel-bundler sass scss scss-mixins scss-modules

Last synced: 06 Mar 2025

https://github.com/akramadjab/usepopcorn

I created this app to showcase my intermediate level in React. The purpose of the app is to allow users to search for movies by their names, select a movie, and view its information. Additionally, users can rate the movie, add it to their watch list, and check the list at a later time. NOTE: THE APP IS NOT RESPONSIVE. MY MAIN FOCUS WAS ABOUT REACT

react reactjs

Last synced: 21 Feb 2025

https://github.com/akramadjab/the-wild-oasis

Introducing Wild Oasis: A secure, multi-page hotel management app exclusively for staff. Includes an elegant dashboard, bookings management, cabin control, user admin, customization, account editing, and stylish dark mode. Crafted with React, React Query, Recharts, Form, Error Boundary, Context, Date-Fns, Hot Toast, Styled Components, and Supabase.

compound-components context-api date-fns es6 es6-javascript javascript react react-error-boundary react-hook-form react-hooks react-hot-toast react-query react-rechart react-router reactjs render-props-pattern styled-components

Last synced: 21 Feb 2025

https://github.com/akramadjab/akram--test--ecomexperts

Last synced: 21 Feb 2025