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

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages