Skip to content

Latest commit

 

History

History
111 lines (71 loc) · 2.43 KB

README.md

File metadata and controls

111 lines (71 loc) · 2.43 KB
Raw

E-commerce application

E-commerce websites require a tremendous amount of data. I searched for APIs online, but they were all priced services. Instead, I used browserless.io to fetch data from the e-commerce sites. Utilizing Puppeteer, I scraped data from different sites .

Tech Stack

  • Frontend: React, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Architecture: MVC (Model-View-Controller)

Setup and Contributions Guidelines

$~$

📤 Set up

These are the steps required to install/run the project.

  1. Create a new branch:

    git checkout -b your-branch-name

  2. Clone the repository into the new branch:

    git clone https://github.com/your-username/your-repository.git .

  3. Navigate to the project directory:

    cd your-repository

  4. Navigate to the client folder:

    cd client

  5. Add this .env file in the client's root folder:

     "REACT_APP_API_URL=<your_backend_url>"

  6. Install frontend dependencies:

    npm install

  7. Start the frontend server:

    npm start

  8. Add this .env file in the server's root folder:

    DB='mongodb+srv://Admin_364:admin@courseapp.yyiqalo.mongodb.net/?retryWrites=true&w=majority&appName=CourseApp'
PORT=5000

  9. Open another terminal and navigate to the server folder:

    cd ../server

  10. Install backend dependencies:

    npm install

  11. Create a database in MongoDB Atlas and add the connection string to the .env file:(you can skip as i have already provided connection string)

    • Create an account on MongoDB Atlas.
    • Create a new cluster and database.
    • Get the connection string.
    • Update the .env file in the server directory with your connection string.

  12. Start the backend server:

    npm start

  13. Now you are all set to start working on this project and do some contributions:

    • Make your changes.

    • Stage and commit your changes.

    • Push your changes to your branch:

      git push origin your-branch-name

Work in Progress

This project is still under active development. Feel free to contribute or check back later for updates.