https://github.com/rafiul29/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.
https://github.com/rafiul29/tech-alpha-client

react react-js reactshoping redux redux-thunk redux-toolkit tailwind-css

Last synced: 3 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/rafiul29/tech-alpha-client
• Owner: Rafiul29
• Created: 2023-01-02T06:35:32.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-21T19:12:15.000Z (about 1 year ago)
• Last Synced: 2024-11-12T16:02:36.700Z (3 months ago)
• Topics: react, react-js, reactshoping, redux, redux-thunk, redux-toolkit, tailwind-css
• Language: JavaScript
• Homepage: https://tech-alpha-nu.vercel.app/
• Size: 3.94 MB
• Stars: 12
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 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

- [Live Demo](https://tech-alpha-nu.vercel.app/)

- [Front-End Repository](https://github.com/Rafiul29/tech-alpha-client.git)

- [Back-End Repository](https://github.com/Rafiul29/tech-alpha-server.git)