smart-pick-client Tailwind Templates

Smart Pick Client

You can have a look of recommendations others has made, for the product query you have made . You can make recommendations on others query , view all recommends you have made and also can delete them if you want

Project Name : Smart Pick

You can have a look of recommendations others has made, for the product query you have made .You can make recommendations on others query , view all recommends you have made and also can delete them if you want

Purpose : To Do Recommendations for Various Products

Server side code : https://github.com/Fahima-anny/smart-pick-server

Key Features of The Project :

  • This is a fully dynamic website build with react, react-router, axios, tailwind CSS, daisyUI etc.
  • All data of this website are handled with MongoDB .
  • This website is authenticated with firebase authentication system , and its secured with json web token (JWT). So you can see only your data, if you try to break rules you will be logged out .
  • This website has admin control like an admin can add new query in thw website without coding . Also can update any query info or delete an existing query from the website .
  • Some routes are private for logged in user. So you cannot visit those routes without logging in.
  • You can have a look of recommendations others has made, for the product query you have made .
  • You can make recommendations on others query , view all recommends you have made and also can delete them if you want

NPM Packages used :

  • lottie-react

  • react-icons

  • react-toastify

  • sweetalert2

  • swiper

  • motion

  • aos animation

  • react-helmet-async etc.

  • 4. Technologies Used :

  • Vite

  • React

  • MongoDB

  • Firebase

  • Tailwind

  • DaisyUI

  • Node JS

  • Express JS

  • jwt token

  • 📦 Dependencies

    The main dependencies used in this project are:

  • Vite

  • React

  • React Router DOM

  • Tailwind CSS

  • DaisyUI

  • Node.js

  • Express.js

  • MongoDB

  • Firebase

  • JWT

💻 How to Run Locally

Follow these steps to set up and run the project on your local machine:

  • Clone the repository
  • Run: npm install
  • Create a .env file and add the environment variables
  • Run: npm run dev
  • Visit: http://localhost:5173

Thank You

Top categories

Loading Svelte Themes