Skip to content

cb7chaitanya/TrendTrove

 
 

Repository files navigation

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:[email protected]/?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.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.6%
  • CSS 32.3%
  • HTML 4.1%