Skip to content

nightshift-ninjas/react_phone-catalog

Repository files navigation

NiceGadgets 🛒

Live Preview Source Code

Status License Node.js npm

Welcome to NiceGadgets, the ultimate online store for purchasing the latest Apple devices. This e-commerce website is designed to provide a modern, user-friendly shopping experience with a variety of features and a sleek design. It is built with React, TypeScript, Sass, and many other modern technologies to ensure a smooth and responsive user interface.

Features 🚀

Cart Logic 🛒

  • Users can add/remove items from their cart.
  • The cart data is persisted in Firebase Firestore for authenticated users, making it available across sessions.

Checkout and Payment 💳

  • The checkout page integrates Paypal, allowing users to complete their purchases securely.
  • Order summary, shipping, and payment details are presented in a user-friendly way.

Authentication & Profile 🔑

  • Users can sign up and log in with their Google account.
  • Users have the option to view and edit their profile information.

Wishlist 💖

  • Users can save their favorite products for later purchase.
  • The wishlist is stored in Firebase Firestore for authenticated users.

Theme & Language Switcher 🌞🌙

  • Easily toggle between light and dark themes.
  • Switch between different languages (English, Spanish, French, etc.).

Sliders 🎠

  • The app features multiple image and product sliders across different sections using Swiper JS.
  • The sliders are fully responsive, ensuring a great experience on all devices.

Apex Charts for Statistics 📊

  • View real-time product statistics and performance in the form of interactive Apex Charts.

Technologies Used 🛠️

React TypeScript Sass Radix UI Firebase Paypal Framer Motion ApexCharts i18n

Installation 📥

  1. Clone the repository:

    git clone https://github.com/nightshift-ninjas/react_phone-catalog.git
  2. Enter the directory:

    cd react_phone-catalog
  3. Install the dependencies:

    npm install
  4. Run the development server:

    npm run dev
  5. Open the app in your browser at http://localhost:3000.

Team 👥

This project was developed by a talented team of four developers:

Kramarchuk Marina – Tech Lead

LinkedIn GitHub Telegram

Holovach Nazariy – Project Manager

LinkedIn GitHub Telegram

Viktoriia Pitsan – Frontend Developer

LinkedIn GitHub Telegram

Linkevych Andrii – Frontend Developer

LinkedIn GitHub Telegram

Contributing 🤝

We welcome contributions from the community! If you'd like to contribute, please follow the steps below:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -am 'Add new feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

Made with ❤️ by the Nightshift-Ninjas team.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages