Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
https://github.com/akramadjab/applez
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: 11 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/akramadjab/applez
- Owner: akramAdjab
- Created: 2024-02-27T19:29:05.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-08-07T21:10:52.000Z (3 months ago)
- Last Synced: 2024-08-08T00:14:42.716Z (3 months ago)
- Topics: 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
- Language: JavaScript
- Homepage: https://applez.netlify.app/
- Size: 89.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Applez E-Commerce Website
![Mockup - website](https://github.com/akramAdjab/applez/assets/111662485/96cd2d77-d00d-486b-a662-48ccb373c646)
## Introduction
Welcome to Applez, your one-stop destination for all things Apple. Our e-commerce platform is designed to provide a seamless shopping experience for a wide range of Apple products, from the latest iPhones to MacBooks and accessories. Built with cutting-edge technologies and a focus on user experience, Applez sets the standard for online Apple product shopping.## Technologies Used
* **React and Vite:** Leveraging the power of React and Vite for a fast and efficient development environment.
* **React Router:** Utilizing react-router for seamless navigation and building a Single Page Application (SPA).
* **React Query:** Employing react-query for data fetching, with advanced features like data stealing for improved performance.
* **Styled Components:** Utilizing styled-components to create a visually appealing and consistent user interface across the website.
* **React Form Hook:** Utilizing react-form-hook for robust form handling, including data capture, validation, and error display.
* **Mouse Follower Library:** Adding interactive elements like a cursor follower with animations to enhance user engagement.
* **Redux:** Implementing Redux for global UI state management, ensuring a smooth and responsive user experience.
* **React Error Boundary:** Utilizing react-error-boundary to handle rendering errors, enhancing the website's stability gracefully.
* **Country-State-City Library:** Utilizing country-state-city library for instant rendering of states and cities based on selected country, without additional fetching.
* **React Hoot Toast:** Implementing react-hoot-toast for displaying user notifications, and enhancing user interaction feedback.
* **React Icons:** Utilizing the React-icons library to easily render icons throughout the website.
* **Swiper JS:** Leveraging the Swiper JS library for easily creating dynamic slides.
* **Commerce JS:** Integrating with Commerce JS as a backend to manage products, and categories, and provide a robust shopping experience.## Features
* **Modern UI:** Our website boasts a sleek and modern user interface, providing an immersive shopping experience.
* **Responsive Design:** Ensuring compatibility across various devices and screen sizes for a seamless browsing experience.
* **Rich User Experience:** Focusing on user experience, our website offers intuitive navigation, interactive elements, and smooth animations.
* **Robust Form Handling:** With react-form-hook, we ensure that form interactions are seamless, including data validation and error display.
* **Efficient Data Fetching:** Leveraging react-query for optimized data fetching, enhancing performance and responsiveness.
* **Enhanced User Feedback:** Utilizing react-hoot-toast to provide real-time notifications, keeping users informed during their shopping journey.
* **Dynamic Content:** With Swiper JS and other libraries, we create dynamic and engaging content to showcase our products effectively.## Conclusion
At Applez, we are committed to providing the ultimate shopping experience for Apple enthusiasts. With a focus on cutting-edge technologies, seamless user experience, and a wide range of products, we strive to be your go-to destination for all things Apple. Explore our website **(https://applez.netlify.app/)** and discover the world of Apple like never before.## Website Mockups
![mockup](https://github.com/akramAdjab/applez/assets/111662485/ae97ff09-fe4a-44a9-8e05-c80cce515398)
![Mockup - home page](https://github.com/akramAdjab/applez/assets/111662485/476349cd-8abc-4792-b4cb-5d575daf560d)
![Mockup - product page](https://github.com/akramAdjab/applez/assets/111662485/b22e0938-be38-4a80-b281-da72f73a6ca1)
![Mockup - other pages](https://github.com/akramAdjab/applez/assets/111662485/c18b5d37-a056-41d7-b0bc-31c59b17d948)