tech-alpha-client

Tech-Alpha Ecommerce is an advanced online shopping platform powered by the MERN (MongoDB, Express, React, Node.js) stack. It enables users to enjoy a seamless shopping experience, with a dedicated cart page that allows effortless product additions. The integration of Redux state management ensures a high level of efficiency and flexibility.

Stars
12
Committers
2

Tech Alpha

Tech-Alpha Ecommerce is an advanced online shopping platform powered by the MERN (MongoDB, Express, React, Node.js) stack. It enables users to enjoy a seamless shopping experience, with a dedicated cart page that allows effortless product additions. The integration of Redux state management ensures a high level of efficiency and flexibility.

Features

  • State management using Redux Toolkit
  • Fetches product data using Redux thunk.
  • A shopping cart that uses Redux Toolkit for state management.
  • The cart items are saved in the client's browser local storage
  • Styling using Tailwind CSS

Tools Used

  • Frontend: React, Redux
  • Backend: Node.js, Express
  • Database: MongoDB
  • State Management: Redux
  • UI Styling: TailwindCSS

Installation (Client)

  1. Clone this repository: git clone https://github.com/Rafiul29/tech-alpha-client.git
  2. Navigate to the client directory: cd tech-alpha-client
  3. Install dependencies: npm install
  4. Start the client: npm start
  5. Access the client in your browser at: http://localhost:3000

Installation (Server)

  1. Clone this repository: git clone https://github.com/Rafiul29/tech-alpha-server.git
  2. Navigate to the server directory: cd tech-alpha-server
  3. Install dependencies: npm install
  4. Start the server: npm start
  5. Create a .env file in the server directory and set the necessary environment variables (e.g, MongoDB URI, PORT).
    • MONGODB_URI: the MongoDB connection string
    • PORT: a secret string for JWT authentication
  6. The server will be running at: http://localhost:5000

Links