Skip to content

Latest commit

 

History

History
128 lines (84 loc) · 2.67 KB

README.md

File metadata and controls

128 lines (84 loc) · 2.67 KB
Raw

Asos_website

ASOS Website

Welcome to the ASOS website repository! This README provides an overview of the project, including its features, technologies used, and instructions for setup and deployment.

Overview

The ASOS website is a modern and responsive web application designed to mimic the features and functionality of the ASOS e-commerce platform. Users can browse a wide range of products, view detailed information, and make purchases through an intuitive and user-friendly interface.

Features

  • Home Page: Displays featured products and promotions.
  • Product Listings: Browse through different categories and view products.
  • Product Details: View detailed information about each product, including images, descriptions, and prices.
  • Shopping Cart: Add products to the cart, view cart contents, and proceed to checkout.
  • User Authentication: Register and log in to access personalized features.
  • Search Functionality: Search for products by name or category.
  • Responsive Design: Optimized for both desktop and mobile devices.

Technologies Used

  • Frontend:

    • HTML5
    • CSS3
    • Tailwind
    • React.js
    • Styled Components (for styling)

  • Authentication:

    • JWT (JSON Web Tokens) for secure authentication

  • Deployment:

    • Vercel (for frontend)

  • Other Tools and Libraries:

  Axios (for API calls)
  React Router (for navigation)

Getting Started

Prerequisites

Ensure you have the following installed on your local machine:

Node.js
npm or yarn

Installation

Installation Clone the repository:

git clone https://github.com/yourusername/asos-website.git cd asos-website Install dependencies for the frontend and backend:

For frontend

cd client
npm install

For backend

cd ../server
npm install

Configuration

Backend Configuration:

Create a .env file in the server directory.

Add the following environment variables:


PORT=5000
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key

##Frontend Configuration:

Create a .env file in the client directory if needed for API endpoints. -Running the Application -Start the backend server:

cd server npm start ##Start the frontend development server:

cd client
npm start

##The frontend will typically be available at http://localhost:3000 and the backend at http://localhost:5000.

  1. Clone the repository: 
    git clone https://github.com/yourusername/asos-website.git
cd asos-website

``

Contact

If you have any questions or feedback, feel free to reach out.

Email: [email protected]

Thank you for visiting the ASOS website repository! Happy coding!