Skip to content

An e-commerce platform built with React JS, featuring Gmail account sign-in and download receipt functionality for seamless user experience.

License

Notifications You must be signed in to change notification settings

Ahmed-sherifhe1/Rolex-Web-App

Repository files navigation

Rolex E-commerce Web App

Welcome to the Rolex E-commerce Platform! This project is built with React JS and Vite, featuring Gmail account sign-in and download receipt functionality for a seamless user experience.

rolex mac-mockup

Features

  • User Authentication : Sign in with your Gmail account.
  • Product Listings : Browse through a variety of products.
  • Shopping Cart : Add items to your cart and proceed to checkout.
  • Order Receipts : Download receipts for your orders.
  • Responsive Design : Optimized for both desktop and mobile devices.

Technologies Used

  • React JS : Frontend framework for building user interfaces.
  • Vite : Fast build tool for modern web projects.
  • Firebase : Backend services for authentication and database.
  • Tailwind CSS : Utility-first CSS framework for styling.
  • Material-UI : React components for faster and easier web development.
  • Redux Toolkit : State management for React applications.
  • Framer Motion : Animation library for React.
  • React PDF Renderer : Generate PDF documents from React components.
  • EmailJS : Send emails directly from your React application.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

  1. Clone the repository:
    git clone https://github.com/Ahmed-sherifhe1/Rolex.git
  2. Navigate to the project directory:
    cd Rolex
  3. Install the dependencies:
    npm install
    

Running the Application

To start the development server, run:

npm run dev

Open your browser and navigate to http://localhost:3000 to see the application in action.

Building for Production

To create a production build, run:

npm run build

The optimized build will be stored in the dist directory.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Acknowledgements

Contact

For any inquiries or support, please contact Ahmed Sherif.

ayat-dark ayat-light