Mu-selim / OwlStore-Frontend

OwlStore

OwlStore Docs

• Introduction
• Installation
• project structure
• Technologies and Tools
• Contributors

Introduction

OwlStore is mainly the final project of ITI summer training in web development using React track. It is a simple e-commerce website that allows users to buy products and add them to their cart. It also allows users to add products to the website and manage them.

Installation

1. Clone the repo

   git clone https://github.com/Mu-selim/OwlStore-Frontend.git

2. Install NPM packages

   npm install

3. Run the app

    npm run dev

Project Structure

├── index.html
├── package.json
├── public
│   ├── favicon.ico
│   ├── images
|   |   ├── ...
|-- src
|   ├── main.jsx
|   ├── App.jsx
|   ├── index.css
|   ├── components
|   |   ├── ...
|   ├── |-- icons
|   |   |   ├── ...
|   |-- assets
|   |-- contexts
|   |-- data
|   |-- pages
|   |-- routes
|-- vite.config.js
|-- tailwind.config.js
|-- postcss.config.js
|-- README.md

Technologies and Tools

• React v18 as a frontend framework for building the user interface.
• Tailwind CSS as a utility-first CSS framework for styling our components and pages.
• Vite as a frontend build tool and development server.
• React Router v6 as a routing library for React.
• emailjs-com as a service for sending emails.
• React Query as a library for managing, and handling Join and Sign in requests.

Contributors

• Muhammad Selim
• Kareem Khalaf
• Ahmed Zahran