Shm-Rsuf / tech-alpha-client

Welcome to Tech-Alpha, A MERN stack e-commerce platform that redefines the online shopping experience. Seamlessly merging the power of MongoDB, Express.js, React, and Node.js, Tech-Alpha offers a dynamic and feature-rich environment for customers.

Home Page:https://tech-alpha-a3.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tech Alpha

Welcome to Tech-Alpha, A MERN stack e-commerce platform that redefines the online shopping experience. Seamlessly merging the power of MongoDB, Express.js, React, and Node.js, Tech-Alpha offers a dynamic and feature-rich vironment for customers.

Features

  • This website is built with React, Redux, TailwindCSS, RTK Query and Redux Toolkit.
  • It offers a dynamic shopping experience with a modern UI design.
  • Perfect example of how to create a fully-functional e-commerce platform with these technologies.

Tools and Technologies

  • Frontend:

    • React for building the user interface.
    • Redux for state management.
    • Axios for making API requests.
    • Tailwind Css for styling.
  • Backend:

    • Node.js and Express.js for the server.
    • MongoDB for the database.
    • Mongoose for object modeling.

Installation (Client)

  1. Clone the repository: git clone https://github.com/Shm-Rsuf/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: https://localhost:3000

Installation (Server)

  1. Clone the repository: git clone https://github.com/Shm-Rsuf/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
  1. The server will be running at: http://localhost:8000

Links

About

Welcome to Tech-Alpha, A MERN stack e-commerce platform that redefines the online shopping experience. Seamlessly merging the power of MongoDB, Express.js, React, and Node.js, Tech-Alpha offers a dynamic and feature-rich environment for customers.

https://tech-alpha-a3.netlify.app


Languages

Language:JavaScript 91.8%Language:CSS 5.5%Language:HTML 2.8%