React Store App

This project is a demonstration of various frontend technologies and features, including React Router for navigation, private routes for authentication, Axios for API requests, Material-UI for UI components, Tailwind CSS for styling, and conditional rendering for dynamic content display.

Demo

HOVER OVER THE INPUT FIELD TO SEE THE EMAIL AND PASSWORD!!!

Click here to see the demo.👉 Demo Link

Technologies Used

✔️ React Router: Used for client-side routing to navigate between different pages.

✔️ Private Router: Implements protected routes for authenticated users.

✔️ Axios: Handles API requests for fetching data from a backend server.

✔️ Material-UI: Provides pre-designed UI components for a modern and responsive design.

✔️Tailwind CSS: Utilized for additional styling and layout customization.

✔️ Conditional Rendering: Implemented to dynamically render content based on certain conditions.

Usage

• Upon visiting the demo link, users are greeted with a homepage.
• Navigation between different pages is facilitated by React Router.
• Certain routes are protected and require authentication, which is handled by private routes.
• API requests are made using Axios to fetch data from a backend server.
• Material-UI components enhance the user interface and provide a polished look and feel.
• Tailwind CSS is utilized for additional styling and layout adjustments.
• Conditional rendering ensures that content is displayed dynamically based on specific conditions.

Installation

To run this project locally, follow these steps:

1. Clone this repository to your local machine.
2. Navigate to the project directory in your terminal.
3. Run yarn install to install dependencies.
4. Run yarn start to start the development server.
5. Open your browser and navigate to http://localhost:3000 to view the project.