akramadjab Goto Github PK

3-column-preview-card-component

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

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.

circular-text-slider

classy-weather

I developed this app to demonstrate my intermediate proficiency in React. Its purpose is to provide weather updates based on location, which will be saved for future reference, allowing easy access to weather information without having to search again. PLEASE NOTE THAT THE APP IS NOT RESPONSIVE, AS MY PRIMARY FOCUS WAS ON REACT DEVELOPMENT.

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.

ecommerce-website

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

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.

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.

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.

luxury-clothing-store

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

news-homepage

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

nft-preview-card-component

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

order-summary-component

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

product-preview-card-component

A simple product preview card component code challenge to Frontend Mentor

profile-card-component

A simple Profile card component code challenge to Frontend Mentor

qr-code-component

A simple template of QR Code Component!

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

stats-preview-card-component

A simple Stats preview card component code challenge to Frontend Mentor

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.

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.

tyrads

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

weather-app

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

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